/* Minification failed. Returning unminified contents.
(13528,1): run-time error CSS1019: Unexpected token, found ','
(13848,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13850,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13861,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13863,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
/***** Begin ICON DEFINITIONS *****/
.icon-add-missing-members {
  background: url("../../_content/tfs-icons.png") no-repeat -16px -16px !important;
}

.icon-add-small {
  background: url("../../_content/tfs-icons.png") no-repeat -48px -16px !important;
}

.icon-add-thin {
  background: url("../../_content/tfs-icons.png") no-repeat -80px -16px !important;
}

.icon-add-user {
  background: url("../../_content/tfs-icons.png") no-repeat -112px -16px !important;
}

.icon-add-white {
  background: url("../../_content/tfs-icons.png") no-repeat -144px -16px !important;
}

.icon-add {
  background: url("../../_content/tfs-icons.png") no-repeat -176px -16px !important;
}

.icon-admin {
  background: url("../../_content/tfs-icons.png") no-repeat -208px -16px !important;
}

.icon-arrow-down {
  background: url("../../_content/tfs-icons.png") no-repeat -240px -16px !important;
}

.icon-arrow-forward {
  background: url("../../_content/tfs-icons.png") no-repeat -272px -16px !important;
}

.icon-arrow-up {
  background: url("../../_content/tfs-icons.png") no-repeat -304px -16px !important;
}

.icon-attachment {
  background: url("../../_content/tfs-icons.png") no-repeat -336px -16px !important;
}

.icon-audio-off {
  background: url("../../_content/tfs-icons.png") no-repeat -368px -16px !important;
}

.icon-audio-on {
  background: url("../../_content/tfs-icons.png") no-repeat -400px -16px !important;
}

.icon-back-query-results {
  background: url("../../_content/tfs-icons.png") no-repeat -432px -16px !important;
}

.icon-branch-locked {
  background: url("../../_content/tfs-icons.png") no-repeat -464px -16px !important;
}

.icon-branch {
  background: url("../../_content/tfs-icons.png") no-repeat -496px -16px !important;
}

.icon-calendar {
  background: url("../../_content/tfs-icons.png") no-repeat -528px -16px !important;
}

.icon-charts-area {
  background: url("../../_content/tfs-icons.png") no-repeat -560px -16px !important;
}

.icon-charts-bar {
  background: url("../../_content/tfs-icons.png") no-repeat -592px -16px !important;
}

.icon-charts-column {
  background: url("../../_content/tfs-icons.png") no-repeat -624px -16px !important;
}

.icon-charts-line {
  background: url("../../_content/tfs-icons.png") no-repeat -656px -16px !important;
}

.icon-charts-pie {
  background: url("../../_content/tfs-icons.png") no-repeat -688px -16px !important;
}

.icon-charts-pivotchart {
  background: url("../../_content/tfs-icons.png") no-repeat -720px -16px !important;
}

.icon-charts-pivottable {
  background: url("../../_content/tfs-icons.png") no-repeat -752px -16px !important;
}

.icon-chat-mention-white {
  background: url("../../_content/tfs-icons.png") no-repeat -784px -16px !important;
}

.icon-chat-mention {
  background: url("../../_content/tfs-icons.png") no-repeat -816px -16px !important;
}

.icon-check {
  background: url("../../_content/tfs-icons.png") no-repeat -848px -16px !important;
}

.icon-close {
  background: url("../../_content/tfs-icons.png") no-repeat -880px -16px !important;
}

.icon-comment-add {
  background: url("../../_content/tfs-icons.png") no-repeat -912px -16px !important;
}

.icon-comment-next {
  background: url("../../_content/tfs-icons.png") no-repeat -944px -16px !important;
}

.icon-comment-prev {
  background: url("../../_content/tfs-icons.png") no-repeat -976px -16px !important;
}

.icon-comment {
  background: url("../../_content/tfs-icons.png") no-repeat -1008px -16px !important;
}

.icon-commented-file {
  background: url("../../_content/tfs-icons.png") no-repeat -1040px -16px !important;
}

.icon-compare {
  background: url("../../_content/tfs-icons.png") no-repeat -1072px -16px !important;
}

.icon-copy-text {
  background: url("../../_content/tfs-icons.png") no-repeat -1104px -16px !important;
}

.icon-dashboard-white {
  background: url("../../_content/tfs-icons.png") no-repeat -1136px -16px !important;
}

.icon-delete-f1-background {
  background: url("../../_content/tfs-icons.png") no-repeat -1168px -16px !important;
}

.icon-delete-grey-f1-background {
  background: url("../../_content/tfs-icons.png") no-repeat -1200px -16px !important;
}

.icon-delete-user {
  background: url("../../_content/tfs-icons.png") no-repeat -1232px -16px !important;
}

.icon-delete-white {
  background: url("../../_content/tfs-icons.png") no-repeat -1264px -16px !important;
}

.icon-delete {
  background: url("../../_content/tfs-icons.png") no-repeat -1296px -16px !important;
}

.icon-discussion-adornment {
  background: url("../../_content/tfs-icons.png") no-repeat -1328px -16px !important;
}

.icon-document {
  background: url("../../_content/tfs-icons.png") no-repeat -1360px -16px !important;
}

.icon-dot {
  background: url("../../_content/tfs-icons.png") no-repeat -1392px -16px !important;
}

.icon-down-gray {
  background: url("../../_content/tfs-icons.png") no-repeat -1424px -16px !important;
}

.icon-down {
  background: url("../../_content/tfs-icons.png") no-repeat -1456px -16px !important;
}

.icon-drop-left {
  background: url("../../_content/tfs-icons.png") no-repeat -1488px -16px !important;
}

.icon-drop-right {
  background: url("../../_content/tfs-icons.png") no-repeat -1520px -16px !important;
}

.icon-drop {
  background: url("../../_content/tfs-icons.png") no-repeat -1552px -16px !important;
}

.icon-edit-f1-background {
  background: url("../../_content/tfs-icons.png") no-repeat -1584px -16px !important;
}

.icon-edit-grey-f1-background {
  background: url("../../_content/tfs-icons.png") no-repeat -1616px -16px !important;
}

.icon-edit {
  background: url("../../_content/tfs-icons.png") no-repeat -1648px -16px !important;
}

.icon-editor-font-bold {
  background: url("../../_content/tfs-icons.png") no-repeat -1680px -16px !important;
}

.icon-editor-font-italic {
  background: url("../../_content/tfs-icons.png") no-repeat -1712px -16px !important;
}

.icon-editor-font-underline {
  background: url("../../_content/tfs-icons.png") no-repeat -1744px -16px !important;
}

.icon-editor-indent {
  background: url("../../_content/tfs-icons.png") no-repeat -1776px -16px !important;
}

.icon-editor-list-bullet {
  background: url("../../_content/tfs-icons.png") no-repeat -1808px -16px !important;
}

.icon-editor-list-number {
  background: url("../../_content/tfs-icons.png") no-repeat -1840px -16px !important;
}

.icon-editor-outdent {
  background: url("../../_content/tfs-icons.png") no-repeat -1872px -16px !important;
}

.icon-editor-picture {
  background: url("../../_content/tfs-icons.png") no-repeat -1904px -16px !important;
}

.icon-ellipsis-white {
  background: url("../../_content/tfs-icons.png") no-repeat -1936px -16px !important;
}

.icon-ellipsis {
  background: url("../../_content/tfs-icons.png") no-repeat -1968px -16px !important;
}

.icon-empty {
  background: url("../../_content/tfs-icons.png") no-repeat -2000px -16px !important;
}

.icon-enter-full-screen {
  background: url("../../_content/tfs-icons.png") no-repeat -2032px -16px !important;
}

.icon-envelope {
  background: url("../../_content/tfs-icons.png") no-repeat -2064px -16px !important;
}

.icon-error-exclamation {
  background: url("../../_content/tfs-icons.png") no-repeat -2096px -16px !important;
}

.icon-exit-full-screen {
  background: url("../../_content/tfs-icons.png") no-repeat -2128px -16px !important;
}

.icon-export {
  background: url("../../_content/tfs-icons.png") no-repeat -2160px -16px !important;
}

.icon-favorite-in {
  background: url("../../_content/tfs-icons.png") no-repeat -2192px -16px !important;
}

.icon-favorite-out {
  background: url("../../_content/tfs-icons.png") no-repeat -2224px -16px !important;
}

.icon-filter {
  background: url("../../_content/tfs-icons.png") no-repeat -2256px -16px !important;
}

.icon-folder-open {
  background: url("../../_content/tfs-icons.png") no-repeat -2288px -16px !important;
}

.icon-folder-white {
  background: url("../../_content/tfs-icons.png") no-repeat -2320px -16px !important;
}

.icon-folder {
  background: url("../../_content/tfs-icons.png") no-repeat -2352px -16px !important;
}

.icon-font-color {
  background: url("../../_content/tfs-icons.png") no-repeat -2384px -16px !important;
}

.icon-form-group-collapsed {
  background: url("../../_content/tfs-icons.png") no-repeat -2416px -16px !important;
}

.icon-form-group-expanded {
  background: url("../../_content/tfs-icons.png") no-repeat -2448px -16px !important;
}

.icon-git-logo {
  background: url("../../_content/tfs-icons.png") no-repeat -2480px -16px !important;
}

.icon-header-help {
  background: url("../../_content/tfs-icons.png") no-repeat -2512px -16px !important;
}

.icon-header-settings {
  background: url("../../_content/tfs-icons.png") no-repeat -2544px -16px !important;
}

.icon-help {
  background: url("../../_content/tfs-icons.png") no-repeat -2576px -16px !important;
}

.icon-history {
  background: url("../../_content/tfs-icons.png") no-repeat -2608px -16px !important;
}

.icon-home {
  background: url("../../_content/tfs-icons.png") no-repeat -2640px -16px !important;
}

.icon-info-white {
  background: url("../../_content/tfs-icons.png") no-repeat -2672px -16px !important;
}

.icon-info {
  background: url("../../_content/tfs-icons.png") no-repeat -2704px -16px !important;
}

.icon-invalid-field {
  background: url("../../_content/tfs-icons.png") no-repeat -2736px -16px !important;
}

.icon-new-document {
  background: url("../../_content/tfs-icons.png") no-repeat -2768px -16px !important;
}

.icon-new-folder {
  background: url("../../_content/tfs-icons.png") no-repeat -2800px -16px !important;
}

.icon-new {
  background: url("../../_content/tfs-icons.png") no-repeat -2832px -16px !important;
}

.icon-next-2 {
  background: url("../../_content/tfs-icons.png") no-repeat -2864px -16px !important;
}

.icon-next {
  background: url("../../_content/tfs-icons.png") no-repeat -2896px -16px !important;
}

.icon-notifications {
  background: url("../../_content/tfs-icons.png") no-repeat -2928px -16px !important;
}

.icon-open-visualstudio {
  background: url("../../_content/tfs-icons.png") no-repeat -2960px -16px !important;
}

.icon-open-white {
  background: url("../../_content/tfs-icons.png") no-repeat -2992px -16px !important;
}

.icon-open {
  background: url("../../_content/tfs-icons.png") no-repeat -3024px -16px !important;
}

.icon-pause {
  background: url("../../_content/tfs-icons.png") no-repeat -3056px -16px !important;
}

.icon-people {
  background: url("../../_content/tfs-icons.png") no-repeat -3088px -16px !important;
}

.icon-pin {
  background: url("../../_content/tfs-icons.png") no-repeat -3120px -16px !important;
}

.icon-play {
  background: url("../../_content/tfs-icons.png") no-repeat -3152px -16px !important;
}

.icon-prev-2 {
  background: url("../../_content/tfs-icons.png") no-repeat -3184px -16px !important;
}

.icon-prev {
  background: url("../../_content/tfs-icons.png") no-repeat -3216px -16px !important;
}

.icon-process-branch {
  background: url("../../_content/tfs-icons.png") no-repeat -3248px -16px !important;
}

.icon-process-custom {
  background: url("../../_content/tfs-icons.png") no-repeat -3280px -16px !important;
}

.icon-process-system {
  background: url("../../_content/tfs-icons.png") no-repeat -3312px -16px !important;
}

.icon-project-white {
  background: url("../../_content/tfs-icons.png") no-repeat -3344px -16px !important;
}

.icon-queue-build {
  background: url("../../_content/tfs-icons.png") no-repeat -3376px -16px !important;
}

.icon-refresh {
  background: url("../../_content/tfs-icons.png") no-repeat -3408px -16px !important;
}

.icon-rename {
  background: url("../../_content/tfs-icons.png") no-repeat -3440px -16px !important;
}

.icon-restricted-2 {
  background: url("../../_content/tfs-icons.png") no-repeat -3472px -16px !important;
}

.icon-save-all {
  background: url("../../_content/tfs-icons.png") no-repeat -3504px -16px !important;
}

.icon-save-as {
  background: url("../../_content/tfs-icons.png") no-repeat -3536px -16px !important;
}

.icon-save-close {
  background: url("../../_content/tfs-icons.png") no-repeat -3568px -16px !important;
}

.icon-save {
  background: url("../../_content/tfs-icons.png") no-repeat -3600px -16px !important;
}

.icon-search {
  background: url("../../_content/tfs-icons.png") no-repeat -3632px -16px !important;
}

.icon-settings {
  background: url("../../_content/tfs-icons.png") no-repeat -3664px -16px !important;
}

.icon-social-facebook {
  background: url("../../_content/tfs-icons.png") no-repeat -3696px -16px !important;
}

.icon-social-twitter {
  background: url("../../_content/tfs-icons.png") no-repeat -3728px -16px !important;
}

.icon-sort-asc-1 {
  background: url("../../_content/tfs-icons.png") no-repeat -3760px -16px !important;
}

.icon-sort-asc {
  background: url("../../_content/tfs-icons.png") no-repeat -3792px -16px !important;
}

.icon-sort-desc {
  background: url("../../_content/tfs-icons.png") no-repeat -3824px -16px !important;
}

.icon-sort {
  background: url("../../_content/tfs-icons.png") no-repeat -3856px -16px !important;
}

.icon-submodule-external {
  background: url("../../_content/tfs-icons.png") no-repeat -3888px -16px !important;
}

.icon-submodule {
  background: url("../../_content/tfs-icons.png") no-repeat -3920px -16px !important;
}

.icon-tfs-bug {
  background: url("../../_content/tfs-icons.png") no-repeat -3952px -16px !important;
}

.icon-tfs-build-reason-batchedci {
  background: url("../../_content/tfs-icons.png") no-repeat -3984px -16px !important;
}

.icon-tfs-build-reason-checkinshelveset {
  background: url("../../_content/tfs-icons.png") no-repeat -4016px -16px !important;
}

.icon-tfs-build-reason-header {
  background: url("../../_content/tfs-icons.png") no-repeat -4048px -16px !important;
}

.icon-tfs-build-reason-schedule {
  background: url("../../_content/tfs-icons.png") no-repeat -4080px -16px !important;
}

.icon-tfs-build-reason-scheduleforced {
  background: url("../../_content/tfs-icons.png") no-repeat -4112px -16px !important;
}

.icon-tfs-build-reason-validateshelveset {
  background: url("../../_content/tfs-icons.png") no-repeat -4144px -16px !important;
}

.icon-tfs-build-retain-header {
  background: url("../../_content/tfs-icons.png") no-repeat -4176px -16px !important;
}

.icon-tfs-build-status-canceled {
  background: url("../../_content/tfs-icons.png") no-repeat -4208px -16px !important;
}

.icon-tfs-build-status-failed {
  background: url("../../_content/tfs-icons.png") no-repeat -4240px -16px !important;
}

.icon-tfs-build-status-header {
  background: url("../../_content/tfs-icons.png") no-repeat -4272px -16px !important;
}

.icon-tfs-build-status-inprogress {
  background: url("../../_content/tfs-icons.png") no-repeat -4304px -16px !important;
}

.icon-tfs-build-status-partiallysucceeded {
  background: url("../../_content/tfs-icons.png") no-repeat -4336px -16px !important;
}

.icon-tfs-build-status-postponed {
  background: url("../../_content/tfs-icons.png") no-repeat -4368px -16px !important;
}

.icon-tfs-build-status-queued {
  background: url("../../_content/tfs-icons.png") no-repeat -4400px -16px !important;
}

.icon-tfs-build-status-stopped {
  background: url("../../_content/tfs-icons.png") no-repeat -4432px -16px !important;
}

.icon-tfs-build-status-succeeded {
  background: url("../../_content/tfs-icons.png") no-repeat -4464px -16px !important;
}

.icon-tfs-build {
  background: url("../../_content/tfs-icons.png") no-repeat -4496px -16px !important;
}

.icon-tfs-changelist {
  background: url("../../_content/tfs-icons.png") no-repeat -4528px -16px !important;
}

.icon-tfs-clause-group {
  background: url("../../_content/tfs-icons.png") no-repeat -4560px -16px !important;
}

.icon-tfs-clause-ungroup {
  background: url("../../_content/tfs-icons.png") no-repeat -4592px -16px !important;
}

.icon-tfs-home-newitem {
  background: url("../../_content/tfs-icons.png") no-repeat -4624px -16px !important;
}

.icon-tfs-left-halo {
  background: url("../../_content/tfs-icons.png") no-repeat -4656px -16px !important;
}

.icon-tfs-left {
  background: url("../../_content/tfs-icons.png") no-repeat -4688px -16px !important;
}

.icon-tfs-link-add {
  background: url("../../_content/tfs-icons.png") no-repeat -4720px -16px !important;
}

.icon-tfs-link-delete {
  background: url("../../_content/tfs-icons.png") no-repeat -4752px -16px !important;
}

.icon-tfs-link {
  background: url("../../_content/tfs-icons.png") no-repeat -4784px -16px !important;
}

.icon-tfs-microsoft-requirementcategory {
  background: url("../../_content/tfs-icons.png") no-repeat -4816px -16px !important;
}

.icon-tfs-play-small {
  background: url("../../_content/tfs-icons.png") no-repeat -4848px -16px !important;
}

.icon-tfs-process-guidance {
  background: url("../../_content/tfs-icons.png") no-repeat -4880px -16px !important;
}

.icon-tfs-project-portal {
  background: url("../../_content/tfs-icons.png") no-repeat -4912px -16px !important;
}

.icon-tfs-query-edit {
  background: url("../../_content/tfs-icons.png") no-repeat -4944px -16px !important;
}

.icon-tfs-query-flat {
  background: url("../../_content/tfs-icons.png") no-repeat -4976px -16px !important;
}

.icon-tfs-query-new {
  background: url("../../_content/tfs-icons.png") no-repeat -5008px -16px !important;
}

.icon-tfs-query-onehop {
  background: url("../../_content/tfs-icons.png") no-repeat -5040px -16px !important;
}

.icon-tfs-query-run {
  background: url("../../_content/tfs-icons.png") no-repeat -5072px -16px !important;
}

.icon-tfs-query-tree {
  background: url("../../_content/tfs-icons.png") no-repeat -5104px -16px !important;
}

.icon-tfs-release-draft {
  background: url("../../_content/tfs-icons.png") no-repeat -5136px -16px !important;
}

.icon-tfs-release-notstarted {
  background: url("../../_content/tfs-icons.png") no-repeat -5168px -16px !important;
}

.icon-tfs-reports {
  background: url("../../_content/tfs-icons.png") no-repeat -5200px -16px !important;
}

.icon-tfs-requirement {
  background: url("../../_content/tfs-icons.png") no-repeat -5232px -16px !important;
}

.icon-tfs-right-halo {
  background: url("../../_content/tfs-icons.png") no-repeat -5264px -16px !important;
}

.icon-tfs-right {
  background: url("../../_content/tfs-icons.png") no-repeat -5296px -16px !important;
}

.icon-tfs-task {
  background: url("../../_content/tfs-icons.png") no-repeat -5328px -16px !important;
}

.icon-tfs-tcm-active-small {
  background: url("../../_content/tfs-icons.png") no-repeat -5360px -16px !important;
}

.icon-tfs-tcm-active-test {
  background: url("../../_content/tfs-icons.png") no-repeat -5392px -16px !important;
}

.icon-tfs-tcm-add-attachment {
  background: url("../../_content/tfs-icons.png") no-repeat -5424px -16px !important;
}

.icon-tfs-tcm-associated-pane-toggle {
  background: url("../../_content/tfs-icons.png") no-repeat -5456px -16px !important;
}

.icon-tfs-tcm-attach-white {
  background: url("../../_content/tfs-icons.png") no-repeat -5488px -16px !important;
}

.icon-tfs-tcm-block-test {
  background: url("../../_content/tfs-icons.png") no-repeat -5520px -16px !important;
}

.icon-tfs-tcm-blocked-small {
  background: url("../../_content/tfs-icons.png") no-repeat -5552px -16px !important;
}

.icon-tfs-tcm-bug-white {
  background: url("../../_content/tfs-icons.png") no-repeat -5584px -16px !important;
}

.icon-tfs-tcm-create-shared-steps {
  background: url("../../_content/tfs-icons.png") no-repeat -5616px -16px !important;
}

.icon-tfs-tcm-down-blue {
  background: url("../../_content/tfs-icons.png") no-repeat -5648px -16px !important;
}

.icon-tfs-tcm-down-white {
  background: url("../../_content/tfs-icons.png") no-repeat -5680px -16px !important;
}

.icon-tfs-tcm-drop-white {
  background: url("../../_content/tfs-icons.png") no-repeat -5712px -16px !important;
}

.icon-tfs-tcm-edit-test {
  background: url("../../_content/tfs-icons.png") no-repeat -5744px -16px !important;
}

.icon-tfs-tcm-edit {
  background: url("../../_content/tfs-icons.png") no-repeat -5776px -16px !important;
}

.icon-tfs-tcm-export-html {
  background: url("../../_content/tfs-icons.png") no-repeat -5808px -16px !important;
}

.icon-tfs-tcm-fail-step-grey {
  background: url("../../_content/tfs-icons.png") no-repeat -5840px -16px !important;
}

.icon-tfs-tcm-failed-small {
  background: url("../../_content/tfs-icons.png") no-repeat -5872px -16px !important;
}

.icon-tfs-tcm-insert-parameter {
  background: url("../../_content/tfs-icons.png") no-repeat -5904px -16px !important;
}

.icon-tfs-tcm-insert-shared-steps {
  background: url("../../_content/tfs-icons.png") no-repeat -5936px -16px !important;
}

.icon-tfs-tcm-insert-step-white {
  background: url("../../_content/tfs-icons.png") no-repeat -5968px -16px !important;
}

.icon-tfs-tcm-insert-step {
  background: url("../../_content/tfs-icons.png") no-repeat -6000px -16px !important;
}

.icon-tfs-tcm-mtm {
  background: url("../../_content/tfs-icons.png") no-repeat -6032px -16px !important;
}

.icon-tfs-tcm-not-applicable-small {
  background: url("../../_content/tfs-icons.png") no-repeat -6064px -16px !important;
}

.icon-tfs-tcm-not-applicable {
  background: url("../../_content/tfs-icons.png") no-repeat -6096px -16px !important;
}

.icon-tfs-tcm-open-in-new-tab {
  background: url("../../_content/tfs-icons.png") no-repeat -6128px -16px !important;
}

.icon-tfs-tcm-pass-step-grey {
  background: url("../../_content/tfs-icons.png") no-repeat -6160px -16px !important;
}

.icon-tfs-tcm-passed-small {
  background: url("../../_content/tfs-icons.png") no-repeat -6192px -16px !important;
}

.icon-tfs-tcm-pause-small {
  background: url("../../_content/tfs-icons.png") no-repeat -6224px -16px !important;
}

.icon-tfs-tcm-query-based-suite {
  background: url("../../_content/tfs-icons.png") no-repeat -6256px -16px !important;
}

.icon-tfs-tcm-requirement-based-suite {
  background: url("../../_content/tfs-icons.png") no-repeat -6288px -16px !important;
}

.icon-tfs-tcm-reset-active {
  background: url("../../_content/tfs-icons.png") no-repeat -6320px -16px !important;
}

.icon-tfs-tcm-resume-test {
  background: url("../../_content/tfs-icons.png") no-repeat -6352px -16px !important;
}

.icon-tfs-tcm-save-close-white {
  background: url("../../_content/tfs-icons.png") no-repeat -6384px -16px !important;
}

.icon-tfs-tcm-save-white {
  background: url("../../_content/tfs-icons.png") no-repeat -6416px -16px !important;
}

.icon-tfs-tcm-shared-step {
  background: url("../../_content/tfs-icons.png") no-repeat -6448px -16px !important;
}

.icon-tfs-tcm-static-suite {
  background: url("../../_content/tfs-icons.png") no-repeat -6480px -16px !important;
}

.icon-tfs-tcm-test-no-outcome {
  background: url("../../_content/tfs-icons.png") no-repeat -6512px -16px !important;
}

.icon-tfs-tcm-test-plan {
  background: url("../../_content/tfs-icons.png") no-repeat -6544px -16px !important;
}

.icon-tfs-tcm-tra-create-bug {
  background: url("../../_content/tfs-icons.png") no-repeat -6576px -16px !important;
}

.icon-tfs-tcm-tra-needs-investigation {
  background: url("../../_content/tfs-icons.png") no-repeat -6608px -16px !important;
}

.icon-tfs-tcm-tra-result-aborted {
  background: url("../../_content/tfs-icons.png") no-repeat -6640px -16px !important;
}

.icon-tfs-tcm-tra-result-error {
  background: url("../../_content/tfs-icons.png") no-repeat -6672px -16px !important;
}

.icon-tfs-tcm-tra-result-failed {
  background: url("../../_content/tfs-icons.png") no-repeat -6704px -16px !important;
}

.icon-tfs-tcm-tra-result-in-progress {
  background: url("../../_content/tfs-icons.png") no-repeat -6736px -16px !important;
}

.icon-tfs-tcm-tra-result-not-executed {
  background: url("../../_content/tfs-icons.png") no-repeat -6768px -16px !important;
}

.icon-tfs-tcm-tra-result-passed {
  background: url("../../_content/tfs-icons.png") no-repeat -6800px -16px !important;
}

.icon-tfs-tcm-tra-result-warning {
  background: url("../../_content/tfs-icons.png") no-repeat -6832px -16px !important;
}

.icon-tfs-tcm-tra-run-unspecified {
  background: url("../../_content/tfs-icons.png") no-repeat -6864px -16px !important;
}

.icon-tfs-tcm-tra-update-analysis {
  background: url("../../_content/tfs-icons.png") no-repeat -6896px -16px !important;
}

.icon-tfs-tcm-tra-waiting {
  background: url("../../_content/tfs-icons.png") no-repeat -6928px -16px !important;
}

.icon-tfs-tcm-up-white {
  background: url("../../_content/tfs-icons.png") no-repeat -6960px -16px !important;
}

.icon-tfs-vc-new-pullrequest {
  background: url("../../_content/tfs-icons.png") no-repeat -6992px -16px !important;
}

.icon-tfs-vc-pullrequests-abandoned {
  background: url("../../_content/tfs-icons.png") no-repeat -7024px -16px !important;
}

.icon-tfs-vc-pullrequests-code-comment {
  background: url("../../_content/tfs-icons.png") no-repeat -7056px -16px !important;
}

.icon-tfs-vc-pullrequests-merge {
  background: url("../../_content/tfs-icons.png") no-repeat -7088px -16px !important;
}

.icon-tfs-vc-pullrequests-merged-status-indicator {
  background: url("../../_content/tfs-icons.png") no-repeat -7120px -16px !important;
}

.icon-tfs-vc-pullrequests-ref-update {
  background: url("../../_content/tfs-icons.png") no-repeat -7152px -16px !important;
}

.icon-tfs-vc-status-failed {
  background: url("../../_content/tfs-icons.png") no-repeat -7184px -16px !important;
}

.icon-tfs-vc-status-processing {
  background: url("../../_content/tfs-icons.png") no-repeat -7216px -16px !important;
}

.icon-tfs-vc-status-succeeded {
  background: url("../../_content/tfs-icons.png") no-repeat -7248px -16px !important;
}

.icon-tfs-vc-status-waiting-response-transparent {
  background: url("../../_content/tfs-icons.png") no-repeat -7280px -16px !important;
}

.icon-tfs-vc-status-waiting-transparent {
  background: url("../../_content/tfs-icons.png") no-repeat -7312px -16px !important;
}

.icon-tfs-vc-status-waiting {
  background: url("../../_content/tfs-icons.png") no-repeat -7344px -16px !important;
}

.icon-tfs-work-item-copy {
  background: url("../../_content/tfs-icons.png") no-repeat -7376px -16px !important;
}

.icon-tfs-work-item-new-linked {
  background: url("../../_content/tfs-icons.png") no-repeat -7408px -16px !important;
}

.icon-tfs-work-item {
  background: url("../../_content/tfs-icons.png") no-repeat -7440px -16px !important;
}

.icon-tick {
  background: url("../../_content/tfs-icons.png") no-repeat -7472px -16px !important;
}

.icon-toggle-button-horizontal-collapsed {
  background: url("../../_content/tfs-icons.png") no-repeat -7504px -16px !important;
}

.icon-toggle-button-horizontal-expanded {
  background: url("../../_content/tfs-icons.png") no-repeat -7536px -16px !important;
}

.icon-tree-collapse-all {
  background: url("../../_content/tfs-icons.png") no-repeat -7568px -16px !important;
}

.icon-tree-collapsed {
  background: url("../../_content/tfs-icons.png") no-repeat -7600px -16px !important;
}

.icon-tree-corner {
  background: url("../../_content/tfs-icons.png") no-repeat -7632px -16px !important;
}

.icon-tree-expand-all {
  background: url("../../_content/tfs-icons.png") no-repeat -7664px -16px !important;
}

.icon-tree-expand-one-level {
  background: url("../../_content/tfs-icons.png") no-repeat -7696px -16px !important;
}

.icon-tree-expanded {
  background: url("../../_content/tfs-icons.png") no-repeat -7728px -16px !important;
}

.icon-tree {
  background: url("../../_content/tfs-icons.png") no-repeat -7760px -16px !important;
}

.icon-trial-white {
  background: url("../../_content/tfs-icons.png") no-repeat -7792px -16px !important;
}

.icon-undo {
  background: url("../../_content/tfs-icons.png") no-repeat -7824px -16px !important;
}

.icon-unpin {
  background: url("../../_content/tfs-icons.png") no-repeat -7856px -16px !important;
}

.icon-up {
  background: url("../../_content/tfs-icons.png") no-repeat -7888px -16px !important;
}

.icon-valid-field {
  background: url("../../_content/tfs-icons.png") no-repeat -7920px -16px !important;
}

.icon-warning {
  background: url("../../_content/tfs-icons.png") no-repeat -7952px -16px !important;
}

.icon-wide-tree-collapsed {
  background: url("../../_content/tfs-icons.png") no-repeat -7984px -16px !important;
}

.icon-wide-tree-expanded {
  background: url("../../_content/tfs-icons.png") no-repeat -8016px -16px !important;
}

.icon-window {
  background: url("../../_content/tfs-icons.png") no-repeat -8048px -16px !important;
}

.icon-wit-attachments {
  background: url("../../_content/tfs-icons.png") no-repeat -8080px -16px !important;
}

.icon-wit-classicview {
  background: url("../../_content/tfs-icons.png") no-repeat -8112px -16px !important;
}

.icon-wit-history {
  background: url("../../_content/tfs-icons.png") no-repeat -8144px -16px !important;
}

.icon-close-white {
  background: url("../../_content/tfs-icons2.png") no-repeat -16px -16px !important;
}

.icon-customize-process {
  background: url("../../_content/tfs-icons2.png") no-repeat -48px -16px !important;
}

.icon-inherited-form {
  background: url("../../_content/tfs-icons2.png") no-repeat -80px -16px !important;
}

.icon-restore {
  background: url("../../_content/tfs-icons2.png") no-repeat -112px -16px !important;
}

.icon-xt {
  background: url("../../_content/tfs-icons2.png") no-repeat -144px -16px !important;
}

.icon-product-logo {
  background: url("../../_content/product-logo.png") no-repeat 0px 0px !important;
}

.icon-avatar {
  background: url("../../_content/icon-avatar.png") no-repeat 0px 0px !important;
}

.icon-code-analysis-resolved-small {
  background: url("../../_content/icon-code-analysis-resolved-small.png") no-repeat 0px 0px !important;
}

.icon-close-small {
  background: url("../../_content/icon-close-small.png") no-repeat 0px 0px !important;
}

.icon-close-small-white {
  background: url("../../_content/icon-close-small-white.png") no-repeat 0px 0px !important;
}

.icon-comment-arrow {
  background: url("../../_content/icon-comment-arrow.png") no-repeat 0px 0px !important;
}

.icon-date-small {
  background: url("../../_content/icon-date-small.png") no-repeat 0px 0px !important;
}

.icon-delete-small {
  background: url("../../_content/icon-delete-small.png") no-repeat 0px 0px !important;
}

.icon-service-profile {
  background: url("../../_content/icon-service-profile.png") no-repeat 0px 0px !important;
}

.icon-wiki-external-link {
  background: url("../../_content/icon-wiki-external-link.png") no-repeat 0px 0px !important;
}

.icon-checkmark-green {
  background: url("../../_content/icon-checkmark-green.png") no-repeat 0px 0px !important;
}

.icon-download-package {
  background: url("../../_content/icon-download-package.png") no-repeat 0px 0px !important;
}

.icon-build-histogram-succeeded-hover {
  background: url("../../_content/build-histogram-bars.png") no-repeat 0px 0px !important;
}

.icon-build-histogram-failed-hover {
  background: url("../../_content/build-histogram-bars.png") no-repeat -30px 0px !important;
}

.icon-build-histogram-partiallysucceeded-hover {
  background: url("../../_content/build-histogram-bars.png") no-repeat -60px 0px !important;
}

.icon-build-histogram-inprogress-hover {
  background: url("../../_content/build-histogram-bars.png") no-repeat -90px 0px !important;
}

.icon-build-histogram-succeeded {
  background: url("../../_content/build-histogram-bars.png") no-repeat -120px 0px !important;
}

.icon-build-histogram-failed {
  background: url("../../_content/build-histogram-bars.png") no-repeat -150px 0px !important;
}

.icon-build-histogram-partiallysucceeded {
  background: url("../../_content/build-histogram-bars.png") no-repeat -180px 0px !important;
}

.icon-build-histogram-inprogress {
  background: url("../../_content/build-histogram-bars.png") no-repeat -210px 0px !important;
}

.icon-build-histogram-default {
  background: url("../../_content/build-histogram-bars.png") no-repeat -240px 0px !important;
}

.icon-build-histogram-duration {
  background: url("../../_content/build-histogram-bars.png") no-repeat -270px 0px !important;
}

.icon-build-histogram-duration-hover {
  background: url("../../_content/build-histogram-bars.png") no-repeat -300px 0px !important;
}

.icon-header-browse-all {
  background: url("../../_content/header-icons.png") no-repeat -16px -16px !important;
}

.icon-header-browse-all-hover {
  background: url("../../_content/header-icons.png") no-repeat -48px -16px !important;
}

.icon-header-down-arrow {
  background: url("../../_content/header-icons.png") no-repeat -96px -16px !important;
}

.icon-header-down-arrow-hover {
  background: url("../../_content/header-icons.png") no-repeat -128px -16px !important;
}

.icon-header-search {
  background: url("../../_content/header-icons.png") no-repeat -256px -16px !important;
}

.icon-header-search-arrow {
  background: url("../../_content/header-icons.png") no-repeat -288px -16px !important;
}

.icon-header-projects {
  background: url("../../_content/header-icons.png") no-repeat -320px 0px !important;
}

.icon-header-projehover {
  background: url("../../_content/header-icons.png") no-repeat -448px 0px !important;
}

.icon-header-projeinit {
  background: url("../../_content/header-icons.png") no-repeat -520px 0px !important;
}

.icon-header-community-help {
  background: url("../../_content/header-icons.png") no-repeat -600px 0px !important;
}

.icon-header-community-help-hover {
  background: url("../../_content/header-icons.png") no-repeat -700px 0px !important;
}

.icon-header-blue-search {
  background: url("../../_content/header-icons.png") no-repeat -812px -16px !important;
}

.icon-header-white-search {
  background: url("../../_content/header-icons.png") no-repeat -852px -16px !important;
}

.icon-header-blue-bg-search {
  background: url("../../_content/header-icons.png") no-repeat -888px -16px !important;
}

.icon-nav-header-feedback {
  background: url("../../_content/vss-themed-default.png") no-repeat -16px -16px !important;
}

.icon-nav-header-help {
  background: url("../../_content/vss-themed-default.png") no-repeat -48px -16px !important;
}

.icon-nav-header-settings {
  background: url("../../_content/vss-themed-default.png") no-repeat -80px -16px !important;
}

.icon-azure-endpoint {
  background: url("../../_content/admin-icons.png") no-repeat -16px -16px !important;
}

.icon-chef-endpoint {
  background: url("../../_content/admin-icons.png") no-repeat -48px -16px !important;
}

.icon-generic-endpoint {
  background: url("../../_content/admin-icons.png") no-repeat -80px -16px !important;
}

.icon-git-endpoint {
  background: url("../../_content/admin-icons.png") no-repeat -112px -16px !important;
}

.icon-svn-endpoint {
  background: url("../../_content/admin-icons.png") no-repeat -144px -16px !important;
}

.icon-tfs-build-delete {
  background: url("../../_content/build-icons.png") no-repeat -24px -24px !important;
}

.icon-tfs-build-locked-blue {
  background: url("../../_content/build-icons.png") no-repeat -72px -24px !important;
}

.icon-tfs-build-locked {
  background: url("../../_content/build-icons.png") no-repeat -120px -24px !important;
}

.icon-tfs-build-unlocked-blue {
  background: url("../../_content/build-icons.png") no-repeat -168px -24px !important;
}

.icon-tfs-build-unlocked {
  background: url("../../_content/build-icons.png") no-repeat -216px -24px !important;
}

.icon-config-chart-area {
  background: url("../../_content/chart-icons.png") no-repeat -26px -26px !important;
}

.icon-config-chart-bar {
  background: url("../../_content/chart-icons.png") no-repeat -78px -26px !important;
}

.icon-config-chart-column {
  background: url("../../_content/chart-icons.png") no-repeat -130px -26px !important;
}

.icon-config-chart-line {
  background: url("../../_content/chart-icons.png") no-repeat -182px -26px !important;
}

.icon-config-chart-pie {
  background: url("../../_content/chart-icons.png") no-repeat -234px -26px !important;
}

.icon-config-chart-pivot {
  background: url("../../_content/chart-icons.png") no-repeat -286px -26px !important;
}

.icon-config-chart-stacked-area {
  background: url("../../_content/chart-icons.png") no-repeat -338px -26px !important;
}

.icon-config-chart-stacked-bar {
  background: url("../../_content/chart-icons.png") no-repeat -390px -26px !important;
}

.icon-emoji-alien {
  background: url("../../_content/emoji-icons.png") no-repeat -19px -19px !important;
}

.icon-emoji-angel {
  background: url("../../_content/emoji-icons.png") no-repeat -57px -19px !important;
}

.icon-emoji-angry {
  background: url("../../_content/emoji-icons.png") no-repeat -95px -19px !important;
}

.icon-emoji-beer {
  background: url("../../_content/emoji-icons.png") no-repeat -133px -19px !important;
}

.icon-emoji-blush {
  background: url("../../_content/emoji-icons.png") no-repeat -171px -19px !important;
}

.icon-emoji-bomb {
  background: url("../../_content/emoji-icons.png") no-repeat -209px -19px !important;
}

.icon-emoji-brokenheart {
  background: url("../../_content/emoji-icons.png") no-repeat -247px -19px !important;
}

.icon-emoji-bug {
  background: url("../../_content/emoji-icons.png") no-repeat -285px -19px !important;
}

.icon-emoji-cake {
  background: url("../../_content/emoji-icons.png") no-repeat -323px -19px !important;
}

.icon-emoji-check {
  background: url("../../_content/emoji-icons.png") no-repeat -361px -19px !important;
}

.icon-emoji-coffee {
  background: url("../../_content/emoji-icons.png") no-repeat -399px -19px !important;
}

.icon-emoji-confused {
  background: url("../../_content/emoji-icons.png") no-repeat -437px -19px !important;
}

.icon-emoji-cool {
  background: url("../../_content/emoji-icons.png") no-repeat -475px -19px !important;
}

.icon-emoji-crying {
  background: url("../../_content/emoji-icons.png") no-repeat -513px -19px !important;
}

.icon-emoji-drink {
  background: url("../../_content/emoji-icons.png") no-repeat -551px -19px !important;
}

.icon-emoji-fire {
  background: url("../../_content/emoji-icons.png") no-repeat -589px -19px !important;
}

.icon-emoji-flower {
  background: url("../../_content/emoji-icons.png") no-repeat -627px -19px !important;
}

.icon-emoji-game {
  background: url("../../_content/emoji-icons.png") no-repeat -665px -19px !important;
}

.icon-emoji-gift {
  background: url("../../_content/emoji-icons.png") no-repeat -703px -19px !important;
}

.icon-emoji-heart {
  background: url("../../_content/emoji-icons.png") no-repeat -741px -19px !important;
}

.icon-emoji-idea {
  background: url("../../_content/emoji-icons.png") no-repeat -779px -19px !important;
}

.icon-emoji-info {
  background: url("../../_content/emoji-icons.png") no-repeat -817px -19px !important;
}

.icon-emoji-laugh {
  background: url("../../_content/emoji-icons.png") no-repeat -855px -19px !important;
}

.icon-emoji-mail {
  background: url("../../_content/emoji-icons.png") no-repeat -893px -19px !important;
}

.icon-emoji-music {
  background: url("../../_content/emoji-icons.png") no-repeat -931px -19px !important;
}

.icon-emoji-no {
  background: url("../../_content/emoji-icons.png") no-repeat -969px -19px !important;
}

.icon-emoji-phone {
  background: url("../../_content/emoji-icons.png") no-repeat -1007px -19px !important;
}

.icon-emoji-pizza {
  background: url("../../_content/emoji-icons.png") no-repeat -1045px -19px !important;
}

.icon-emoji-plainsmile {
  background: url("../../_content/emoji-icons.png") no-repeat -1083px -19px !important;
}

.icon-emoji-plane {
  background: url("../../_content/emoji-icons.png") no-repeat -1121px -19px !important;
}

.icon-emoji-question {
  background: url("../../_content/emoji-icons.png") no-repeat -1159px -19px !important;
}

.icon-emoji-sad {
  background: url("../../_content/emoji-icons.png") no-repeat -1197px -19px !important;
}

.icon-emoji-smile {
  background: url("../../_content/emoji-icons.png") no-repeat -1235px -19px !important;
}

.icon-emoji-star {
  background: url("../../_content/emoji-icons.png") no-repeat -1273px -19px !important;
}

.icon-emoji-surprised {
  background: url("../../_content/emoji-icons.png") no-repeat -1311px -19px !important;
}

.icon-emoji-sweating {
  background: url("../../_content/emoji-icons.png") no-repeat -1349px -19px !important;
}

.icon-emoji-time {
  background: url("../../_content/emoji-icons.png") no-repeat -1387px -19px !important;
}

.icon-emoji-tongue {
  background: url("../../_content/emoji-icons.png") no-repeat -1425px -19px !important;
}

.icon-emoji-warning {
  background: url("../../_content/emoji-icons.png") no-repeat -1463px -19px !important;
}

.icon-emoji-wink {
  background: url("../../_content/emoji-icons.png") no-repeat -1501px -19px !important;
}

.icon-emoji-yes {
  background: url("../../_content/emoji-icons.png") no-repeat -1539px -19px !important;
}

.icon-mywork-branch-light {
  background: url("../../_content/mywork-icons.png") no-repeat -16px -16px !important;
}

.icon-mywork-repo-git {
  background: url("../../_content/mywork-icons.png") no-repeat -48px -16px !important;
}

.icon-mywork-git {
  background: url("../../_content/mywork-large-icons.png") no-repeat -20px -20px !important;
}

.icon-mywork-project-hover {
  background: url("../../_content/mywork-large-icons.png") no-repeat -60px -20px !important;
}

.icon-mywork-project {
  background: url("../../_content/mywork-large-icons.png") no-repeat -100px -20px !important;
}

.icon-mywork-team-hover {
  background: url("../../_content/mywork-large-icons.png") no-repeat -140px -20px !important;
}

.icon-mywork-team {
  background: url("../../_content/mywork-large-icons.png") no-repeat -180px -20px !important;
}

.icon-mywork-tfvc {
  background: url("../../_content/mywork-large-icons.png") no-repeat -220px -20px !important;
}

.icon-service-build {
  background: url("../../_content/service-icons.png") no-repeat -26px -26px !important;
}

.icon-service-chat {
  background: url("../../_content/service-icons.png") no-repeat -78px -26px !important;
}

.icon-service-checkin {
  background: url("../../_content/service-icons.png") no-repeat -130px -26px !important;
}

.icon-service-codeReview {
  background: url("../../_content/service-icons.png") no-repeat -182px -26px !important;
}

.icon-service-workItems {
  background: url("../../_content/service-icons.png") no-repeat -234px -26px !important;
}

.icon-tfs-vc-pullrequests-code-comment-large {
  background: url("../../_content/tfs-large-icons.png") no-repeat -32px -32px !important;
}

.icon-tfs-vc-pullrequests-merge-attempt-large {
  background: url("../../_content/tfs-large-icons.png") no-repeat -96px -32px !important;
}

.icon-tfs-vc-pullrequests-policy-codeanalysis-large {
  background: url("../../_content/tfs-large-icons.png") no-repeat -160px -32px !important;
}

.icon-tfs-vc-pullrequests-policy-large {
  background: url("../../_content/tfs-large-icons.png") no-repeat -224px -32px !important;
}

.icon-tfs-vc-pullrequests-status-update-large {
  background: url("../../_content/tfs-large-icons.png") no-repeat -288px -32px !important;
}

.icon-visual-studio-large {
  background: url("../../_content/tfs-large-icons.png") no-repeat -352px -32px !important;
}

.icon-tfs-vc-commit {
  background: url("../../_content/versioncontrol-icons.png") no-repeat -16px -16px !important;
}

.icon-tfs-vc-pullrequest {
  background: url("../../_content/versioncontrol-icons.png") no-repeat -48px -16px !important;
}

.icon-vc-raw-source {
  background: url("../../_content/versioncontrol-icons.png") no-repeat -80px -16px !important;
}

/***** End ICON DEFINITIONS *****/
/***** Begin Site styles *****/
/** Automatically converted from _index.css **/
/***** Begin Controls *****/
.signout-actions {
  clear: both;
  padding-top: 8px;
}

.signout-actions ul li {
  display: inline;
  padding: 0 6px 0 6px;
  border-left: 1px solid #808080;
}

.signout-actions ul li:first-child {
  border: none;
  padding-left: 0px;
}

.signout {
  padding: 22px;
  background-image: none;
}

.signout ul {
  margin: 0;
  padding: 0;
}

.signout .err {
  color: #000000;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
}

/* Used for promoting preview messages on the hosted site*/
.tfs-service-status-notification.message-area-control {
  border-color: transparent !important;
  width: inherit;
  font-size: 12px;
  font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
  white-space: nowrap;
  word-wrap: normal;
  display: inline-block;
  margin-left: 20px;
  padding-left: 8px;
  padding-right: 12px;
  text-transform: none;
}

.tfs-service-status-notification.message-area-control .icon {
  margin: 0;
  right: 5px;
  top: 4px;
}

.full-screen-mode div.tfs-stakeholder-notification,
.full-screen-mode div.tfs-stakeholder-expired-notification,
.full-screen-mode div.tfs-basic-user-limited-portfolio-access-notification,
.full-screen-mode div.tfs-missing-proposed-state-mapping-for-bugs-notification,
.full-screen-mode div.tfs-new-backlog-levels-notification {
  display: none !important;
}

.tfs-host-notifications.message-area-control.tfs-stakeholder-notification,
.tfs-host-notifications.message-area-control.tfs-stakeholder-expired-notification,
.tfs-host-notifications.message-area-control.tfs-basic-user-limited-portfolio-access-notification,
.tfs-host-notifications.message-area-control.tfs-new-backlog-levels-notification {
  border-color: transparent;
  padding-left: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.tfs-host-notifications.message-area-control.tfs-stakeholder-notification .close-action,
.tfs-host-notifications.message-area-control.tfs-stakeholder-expired-notification .close-action,
.tfs-host-notifications.message-area-control.tfs-basic-user-limited-portfolio-access-notification .close-action,
.tfs-host-notifications.message-area-control.tfs-new-backlog-levels-notification .close-action {
  right: 17px;
  top: 7px;
}

/***** End Controls *****/
/***** Begin Global styles *****/
.team-home-view {
  position: relative;
}

.team-home-view ul {
  padding: 0;
  list-style-type: none;
}

.team-home-view ul > li {
  margin: 5px;
}

.team-home-view .icon {
  width: 16px;
  height: 16px;
  margin: 0 1em 0 0;
}

.team-home-view .wit > .icon {
  width: 16px;
  height: 16px;
  margin-right: 0.3em;
}

.team-home-view .tfs-host-notifications .icon,
.team-home-view .tfs-unsupported-browser-notification .icon {
  margin-right: 0;
}

.team-home-identity-picture {
  margin-right: 0.8em !important;
}

.team-home-view .inline-error {
  width: 300px;
  font-size: 12px;
}

.team-home-view .information-container {
  margin: 10px;
  padding: 10px;
  position: absolute;
  left: 0;
  top: 0;
  width: 600px;
}

.team-home-view .information-container .work-item-types {
  min-height: 40px;
}

.team-home-view .information-container .more {
  margin: 0;
}

.team-home-view .inprogress {
  margin-top: 10px;
  font-size: 14px;
}

.team-home-view .information-container button.wit {
  font-size: 14px;
  margin-right: 1em;
}

.team-home-view .information-container ul.messages {
  margin: 2em 0 0 1em;
  list-style-type: circle;
}

.team-home-view .navigation-container {
  margin: 10px;
  padding: 0 0 10px 20px;
  position: absolute;
  left: 600px;
  top: 0;
  right: 0;
  min-height: 300px;
  border-left: 1px solid #cccccc;
}

.team-home-view h3 {
  font-weight: normal;
  font-size: 18px;
}

.tfs-host-notifications.message-area-control.tfs-upgrade-notification,
.tfs-host-notifications.message-area-control.tfs-trial-notification {
  border-color: transparent;
  padding-left: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.tfs-host-notifications.message-area-control.tfs-upgrade-notification .close-action {
  right: 17px;
  top: 7px;
}

.team-home-view-container .responsive-grid .team-home-view-vs-links-panel .icon-container {
  background-color: #68217A;
}

.team-home-view-container .responsive-grid .team-home-view-vs-links-panel .icon-container.large .icon {
  width: 30px;
  height: 30px;
  margin: 0;
}

.team-home-view-container .responsive-grid .team-home-view-vs-links-panel .icon-container.large {
  background: none;
}

.team-home-view-container .responsive-grid .grid-list .hgrid-table .hgrid-cell-item {
  position: relative;
}

.team-home-view-container .responsive-grid .members div.member {
  display: inline;
  white-space: initial;
  float: left;
  width: 48px;
}

.team-home-view-container .responsive-grid .members li.members-container {
  margin-left: 4px;
}

.team-home-view-container .responsive-grid .members div.member span.more-members {
  display: inline;
  white-space: initial;
  float: left;
  width: 48px;
  background-color: #F2700F;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  height: 48px;
  padding: 10px 0px 10px 0px;
  font-size: 18px;
}

.team-home-view-container .responsive-grid .grid-list .hgrid-table .hgrid-cell-item .grid-cell-bgfill {
  position: relative;
}

.team-home-view-container .actionlink.create-new-workitem .icon {
  margin-left: 5px;
  margin-bottom: -5px;
  margin-top: -4px;
}

.team-home-view-container .responsive-grid .team-home-view-chat-rooms-panel .icon-container {
  background-color: #F2700F;
}

.tfs-host-notifications.message-area-control.tfs-trial-notification .close-action {
  position: relative;
  display: inline-block;
}

.tfs-host-notifications.message-area-control.tfs-trial-notification .message-header {
  display: inline-block;
  margin-right: 5px;
}

.team-home-view-container .responsive-grid .welcome-project-panel {
  background-color: #E8DEEB;
  padding: 10px;
}

.team-home-view-container .responsive-grid .welcome-project-panel span.icon-close-small {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

.team-home-view-container .responsive-grid .welcome-project-panel .project-header {
  font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
  font-weight: 200;
  font-size: 18px;
  margin-bottom: 13px;
  white-space: normal;
}

.team-home-view-container .responsive-grid .welcome-project-panel .project-text {
  margin-bottom: 6px;
  white-space: normal;
  line-height: 13px;
}

.team-home-view-container .responsive-grid .welcome-project-panel .button {
  padding: 10px;
  text-align: center;
  float: right;
  margin-top: 6px;
  cursor: pointer;
}

.team-home-view-container .responsive-grid .welcome-project-panel .open-project.button {
  background-color: #68217A;
  color: #eeeeee;
  text-decoration: none;
}

.team-home-view-container .responsive-grid .welcome-project-panel .open-project.button:hover,
.team-home-view-container .responsive-grid .welcome-project-panel .open-project.button:focus {
  background-color: #421851;
}

.team-home-view-container .responsive-grid .welcome-project-panel .vs-download-link.button {
  clear: both;
  margin: 0;
  padding: 5px;
}

.team-home-view-container .responsive-grid .welcome-project-panel div.clearfix {
  clear: both;
}

.team-home-view-container .responsive-grid .team-home-view-other-links-panel .grid-cell-item-title {
  max-width: 300px;
}

.team-home-view-container .responsive-grid .team-home-view-chat-rooms-panel span.grid-cell-item-text .grid-cell-item-title {
  max-width: 250px;
}

.responsive-grid .grid-cell .grid-list ul.messages {
  display: block;
  list-style: none;
  margin: 0;
  padding-left: 11px;
}

.responsive-grid .grid-cell .grid-list ul.messages > li {
  white-space: nowrap;
  overflow: hidden;
}

.responsive-grid .grid-cell .grid-list ul.messages > li > span.icon {
  margin-right: 5px;
}

.responsive-grid .grid-cell .grid-list ul.messages > li > a {
  text-decoration: none;
}

.responsive-grid .grid-cell .grid-list ul.messages li:nth-of-type(2) {
  padding-top: 2px;
}

.responsive-grid .grid-cell .grid-list ul.messages > li .text {
  display: inline-block;
  font-weight: bold;
  font-size: 10pt;
  line-height: 32px;
  vertical-align: middle;
  max-width: 360px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.responsive-grid .grid-cell .grid-list ul.messages > li:hover .text {
  text-decoration: underline;
}

.responsive-grid .grid-cell .grid-list .messages .message {
  margin-left: 0;
  vertical-align: top;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.team-home-view-container .team-favorites-blank-image-footer {
  font-size: 14px;
  position: absolute;
  top: 160px;
  padding-left: 4px;
}

.team-home-view-container .sprint-tile-blank-footer {
  font-size: 14px;
  position: absolute;
  top: 80px;
}

.team-home-view-container .team-home-view-work-tiles-panel img {
  outline: none;
  border: none;
}

.newfeatures-bubble-servicehooks-image {
  background: url("../../_content/newfeaturesbubble_servicehooks.png") center no-repeat;
  width: 417px;
  height: 207px;
}

.home-view .account-home-view-chat-rooms-panel .account-home-view-chat-rooms-list .account-home-view-dashboards-panel {
  margin-top: 10px;
}

.home-view .account-home-view-chat-rooms-panel .account-home-view-chat-rooms-list .rooms-list-item .account-home-view-dashboards-panel {
  margin-bottom: 10px;
}

.home-view .account-home-view-chat-rooms-panel .account-home-view-chat-rooms-list .rooms-list-item .rooms-info .account-home-view-dashboards-panel {
  display: inline-block;
  vertical-align: top;
}

.home-view .account-home-view-external-info iframe {
  border: none;
  width: 100%;
  height: 480px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.home-view .account-home-view-team-project-stakeholder-panel .grid-cell-item-resource-title {
  font-size: 15px;
}

.home-view .responsive-grid .account-home-view-news-panel .grid-cell-item-text a {
  /*IE and FF rendering font with wider spacing pushing text out of margin,

     so a bit of space compress does the magic */
  letter-spacing: -0.15px;
}

.home-view .responsive-grid .account-home-view-news-panel span.grid-cell-item-text .grid-cell-item-title {
  max-width: 300px;
}

.home-view .responsive-grid .account-home-view-news-panel span.grid-cell-item-text {
  margin-left: 0;
}

.home-view .responsive-grid .account-home-view-news-panel span.grid-cell-item-subTitle {
  white-space: normal;
}

.home-view .responsive-grid .account-home-view-chat-rooms-panel .icon-container {
  background-color: #F2700F;
}

.home-view .responsive-grid .account-home-view-dashboards-panel .icon-container {
  background-color: #00188F;
}

.home-view .responsive-grid .account-home-view-team-project-panel .icon-container {
  background-color: #147A7C;
}

.home-view .responsive-grid .account-home-view-vs-links-panel .icon-container {
  background-color: #68217A;
}

.home-view .responsive-grid .account-home-view-vs-links-panel .icon-container.large .icon {
  width: 30px;
  height: 30px;
  margin: 0;
}

.home-view .responsive-grid .account-home-view-vs-links-panel .icon-container.large {
  background: none;
}

.home-view .responsive-grid .grid-list .hgrid-table .hgrid-cell-item .grid-cell-bgfill {
  position: relative;
}

.home-view .responsive-grid .account-home-view-new-project-panel {
  background-color: #CEEFEC;
  padding: 5px 10px 10px 10px;
}

.ui-dialog-getting-started-Video {
  background: rgba(170, 170, 170, 0);
  width: 850px;
  height: 500px;
  border: none;
  outline: none;
  box-shadow: none;
}

.ui-dialog-getting-started-Video-tittle {
  background: rgba(170, 170, 170, 0);
  border-bottom: none !important;
  background-color: rgba(170, 170, 170, 0) !important;
}

.video-ui-widget-overlay {
  background: #000 !important;
  opacity: .7 !important;
}

.ui-icon-videoclosethick {
  background-image: url("../../_content/videocloseicon.png") !important;
  width: 20px !important;
  height: 20px !important;
}

.ui-dialog button.ui-video-close-icon-closethick .ui-button-text {
  text-indent: 25px;
  width: 50px;
  text-align: right;
  padding: 0px;
  top: 9px;
}

div.ui-dialog-getting-started-Video div.ui-dialog-getting-started-Video-tittle .ui-state-focus {
  border-top-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: none;
}

.ui-video-close-icon-closethick {
  background: rgba(170, 170, 170, 0) !important;
}

.ui-dialog-iframe-container {
  background-color: white;
  margin: 10px 10px 10px 10px;
  height: 450px;
  width: 795px;
}

.geting-started-video-content {
  width: 795px;
  height: 448px;
}

.ui-dialog-getting-started-Videoembaded {
  width: 795px;
  height: 448px;
}

.geting-started-video-iframe {
  width: 795px;
  height: 448px;
  overflow: hidden;
}

.ui-dialog .ui-dialog-content .ui-dialog-getting-started-Video {
  margin: 0 0 0 0;
}

.home-view .responsive-grid .create-project-error-container {
  background-color: #DDDDDD;
  padding: 10px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid #FF0000;
}

.home-view .responsive-grid .create-project-error-container .create-project-error-text {
  text-align: center;
  position: absolute;
  top: 240px;
  right: 0;
  left: 0;
}

.home-view .responsive-grid .account-home-view-new-project-panel .project-header,
.home-view .responsive-grid .create-project-error-container .project-header {
  font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
  font-weight: 200;
  font-size: 18px;
  margin-bottom: 10px;
  white-space: normal;
}

.home-view .responsive-grid .create-project-error-container .icon {
  cursor: pointer;
  margin-right: 10px;
}

.home-view .responsive-grid .create-project-error-container .create-project-error-text .icon {
  vertical-align: top;
  margin-right: 5px;
}

.home-view .responsive-grid .account-home-view-new-project-panel a {
  color: #02649B;
}

.home-view .responsive-grid .account-home-view-new-project-panel a.learn-more-link {
  display: block;
}

.home-view .responsive-grid .account-home-view-new-project-panel div.project-visibility-spacer {
  height: 40px;
}

.home-view .responsive-grid .account-home-view-new-project-panel .project-text {
  margin-bottom: 10px;
  white-space: normal;
}

.home-view .responsive-grid .account-home-view-new-project-panel .project-text .create-project-welcome {
  margin-bottom: 10px;
}

.home-view .responsive-grid .account-home-view-new-project-panel .create-project-welcome .learn-more-link {
  display: inline;
}

.home-view .responsive-grid .account-home-view-new-project-panel .create-project-form .combo {
  display: inline-block;
}

.home-view .responsive-grid .account-home-view-new-project-panel .create-project-form tr td {
  padding-bottom: 10px;
}

.home-view .responsive-grid .account-home-view-new-project-panel .create-project-form tr td label {
  color: #000000;
}

.home-view .responsive-grid .account-home-view-new-project-panel .create-project-form .vc-container:first-child {
  margin-bottom: 8px;
}

.home-view .responsive-grid .account-home-view-new-project-panel .create-project-form .icon,
.home-view .responsive-grid .account-home-view-new-project-panel .create-project-form .vc {
  position: inherit;
  vertical-align: top;
  margin-left: 5px;
  display: inline-block;
}

.home-view .responsive-grid .account-home-view-new-project-panel .create-project-form .icon.icon-tfs-tcm-failed-small {
  position: absolute;
  top: 3px;
  right: 2px;
}

.home-view .responsive-grid .account-home-view-new-project-panel .create-project-form textarea {
  resize: none;
  height: 40px;
  width: 420px;
}

.home-view .responsive-grid .account-home-view-new-project-panel .create-project-form tr > td:first-child {
  padding-right: 10px;
}

.home-view .responsive-grid .account-home-view-new-project-panel .create-project-form tr > td.project-name-container {
  position: relative;
}

.home-view .responsive-grid .account-home-view-new-project-panel .create-project-form input#create-project-name {
  height: 20px;
  width: 420px;
}

.home-view .responsive-grid .account-home-view-new-project-panel .create-project-form .vc-container input {
  background: none;
}

.home-view .responsive-grid .account-home-view-new-project-panel .create-project-form input#create-project-name.validation-error {
  color: #C00000;
  border-color: #C00000;
}

.home-view .responsive-grid .account-home-view-new-project-panel .create-project-form .required-field {
  color: #C00000;
  margin-left: 5px;
}

.home-view .responsive-grid .account-home-view-new-project-panel .message-area-control {
  margin-bottom: 10px;
}

.home-view .responsive-grid .account-home-view-new-project-panel .message-area-control .close-action {
  display: none;
}

.home-view .responsive-grid .account-home-view-new-project-panel td > .message-area-control {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  color: #C00000;
  width: 420px;
}

.home-view .responsive-grid .account-home-view-new-project-panel .button {
  padding: 10px;
  text-align: center;
  float: right;
  margin-top: 10px;
  cursor: pointer;
}

.home-view .responsive-grid .account-home-view-new-project-panel .create-project.button {
  background-color: #147A7C;
  color: #eeeeee;
  margin: 0;
}

.home-view .responsive-grid .account-home-view-new-project-panel .create-project.button:hover,
.home-view .responsive-grid .account-home-view-new-project-panel .create-project.button:focus {
  background-color: #146666;
}

.home-view .responsive-grid .account-home-view-new-project-panel .create-project.button.disabled,
.home-view .responsive-grid .account-home-view-new-project-panel .create-project.button.disabled:hover,
.home-view .responsive-grid .account-home-view-new-project-panel .create-project.button.disabled:focus {
  background-color: #ABABAB;
  color: #eeeeee;
  cursor: default;
}

.home-view .responsive-grid .account-home-view-new-project-panel div.clearfix {
  clear: both;
}

.home-view .responsive-grid .account-home-view-new-project-panel .project-create-progress {
  float: right;
  margin: 0px 10px 0 0;
  background: url("../../_content/progress-spinner.gif");
  height: 36px;
  width: 36px;
}

.home-view .responsive-grid .account-home-view-new-project-panel .back-icon {
  margin: 0px 10px 0 0;
  background: url("../../_content/icon-back-purple-halo.png");
  height: 24px;
  width: 24px;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}

.home-view .responsive-grid .account-home-view-new-project-panel .create-project-error-container .project-create-progress {
  position: absolute;
  top: 270px;
  left: 210px;
  margin: 0;
  float: none;
}

.home-view .responsive-grid .account-home-view-resourceusage-panel .grid-cell-resource-subtitle {
  color: #666;
  float: right;
  margin-bottom: 8px;
}

.home-view .responsive-grid .account-home-view-resourceusage-panel .grid-cell-item-resource-title {
  font-size: 1.3em;
  float: left;
}

.home-view .responsive-grid .account-home-view-resourceusage-panel .grid-cell-item-resource-usage {
  float: right;
}

.home-view .responsive-grid .account-home-view-resourceusage-panel .grid-cell-item-resource-usage span {
  font-size: 1.3em;
  float: right;
}

.home-view .responsive-grid .account-home-view-resourceusage-panel .grid-cell-item-resource-usage .grid-cell-item-resource-unit {
  color: #666;
  clear: both;
  font-size: 1em;
}

.home-view .responsive-grid .account-home-view-resourceusage-panel span.grid-cell-item-resource-blocked {
  float: left;
  width: 17px;
  height: 15px;
  margin-top: 1px;
}

.home-view .responsive-grid .account-home-view-account-trial-panel .account-start-trial-icon-bg {
  background-color: #68217a;
}

.home-view .responsive-grid .account-home-view-announcement-control .grid-list .grid-cell-bgfill {
  width: 100%;
  margin-left: 4px;
  background-color: transparent !important;
}

.home-view .responsive-grid .account-home-view-announcement-control .announcement-background {
  background-repeat: no-repeat;
}

.home-view .responsive-grid .account-home-view-announcement-control .export-expiration-tile-subtitle {
  margin-left: 120px;
}

.home-view .responsive-grid .account-home-view-announcement-control .open-platform-tile-subtitle {
  margin-right: 165px;
}

.home-view .responsive-grid .account-home-view-announcement-control .power-bi-tile-subtitle {
  margin-right: 120px;
}

.home-view .responsive-grid .account-home-view-announcement-control .els-vso-integration-tile-subtitle {
  margin-right: 150px;
}

.home-view .responsive-grid .account-home-view-announcement-control .rmo-announcement-tile-subtitle {
  margin-right: 150px;
}

.welcome-view h3 {
  font-weight: normal;
  font-size: 18px;
}

.welcome-view > .welcome-projects .new-team-project.colored {
  background-color: #00B0F0;
  color: #ffffff;
  border-color: #007acc;
}

.welcome-view > .welcome-projects .new-team-project-git.colored {
  background-color: #F05033;
  color: #ffffff;
  border-color: #C82B0F;
}

.welcome-view > .welcome-projects .strong-error {
  color: #C00000;
  margin-top: 10px;
}

.welcome-view .welcome-pcw-buttons {
  margin-top: 10px;
}

.welcome-view .welcome-pcw-buttons .new-team-project {
  margin-left: 0;
}

.welcome-start {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 350px;
}

.welcome-start .section {
  display: inline-block;
  vertical-align: top;
}

.welcome-start .section > .item {
  margin-bottom: 12px;
  min-height: 60px;
}

.welcome-start .section > .item > .info {
  display: inline-block;
  vertical-align: top;
  width: 240px;
}

.welcome-start .section > .item > .info > .description {
  color: #808080;
}

.welcome-start .section > .item > .info > div {
  word-wrap: break-word;
}

.icon-large {
  display: inline-block;
  width: 48px;
  height: 48px;
  margin-right: 16px;
}

.icon-home-add {
  background: url("../../_content/home-icons.png") no-repeat 0 0 !important;
}

.icon-home-settings {
  background: url("../../_content/home-icons.png") no-repeat -48px 0 !important;
}

.icon-home-gallery {
  background: url("../../_content/home-icons.png") no-repeat -96px 0 !important;
}

.icon-home-feedback {
  background: url("../../_content/home-icons.png") no-repeat -144px 0 !important;
}

.icon-home-help {
  background: url("../../_content/home-icons.png") no-repeat -192px 0 !important;
}

.icon-home-tutorial {
  background: url("../../_content/home-icons.png") no-repeat -336px 0 !important;
}

.icon-home-invite-codes {
  background: url("../../_content/home-icons.png") no-repeat -288px 0 !important;
}

.icon-home-git-logo {
  background: url("../../_content/git-scm-logo.png") no-repeat 0 0 !important;
}

.browse-all-teams {
  margin-left: 0;
}

.welcome-projects {
  width: 450px;
  position: relative;
  display: inline-block;
  margin-right: 20px;
  vertical-align: top;
}

.grid-list {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 20px;
  padding-left: 2px;
}

.grid-list > li {
  white-space: nowrap;
  overflow: hidden;
}

.grid-list > li > a {
  text-decoration: none;
}

.grid-list > li .text {
  display: inline-block;
  font-weight: bold;
  font-size: 10pt;
  line-height: 32px;
  vertical-align: middle;
  max-width: 360px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.grid-list > li:hover .text {
  text-decoration: underline;
}

.grid-list > li .icon-close {
  height: 16px;
  width: 16px;
  display: none;
  vertical-align: top;
  margin-top: 3px;
  cursor: pointer;
}

.grid-list > li:hover .icon-close {
  display: inline-block;
  background: url("../../_content/tfs-icons.png") no-repeat -880px 50% !important;
}

.grid-list > li a:focus .icon-close {
  display: inline-block;
  background: url("../../_content/tfs-icons.png") no-repeat -880px 50% !important;
}

.grid-list > li .icon-close:focus {
  display: inline-block;
  background: url("../../_content/tfs-icons.png") no-repeat -880px 50% !important;
}

/***** End Global styles *****/
/***** Begin Controls *****/
/*VerticalBreadCrumb Control Styles*/
.vertical-bread-crumb li {
  clear: both;
  outline: none;
}

.vertical-bread-crumb li > a {
  outline: none;
  text-decoration: none;
}

.vertical-bread-crumb ul {
  list-style-type: none;
  margin: 0px;
  padding-left: 10px;
}

.vertical-bread-crumb > ul {
  padding-left: 0px !important;
}

.vertical-bread-crumb li div.node-content {
  white-space: nowrap;
  height: 2em;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  overflow: hidden;
  text-overflow: ellipsis;
  border: 1px solid transparent;
  position: relative;
}

.vertical-bread-crumb li .icon.bread-crumb {
  margin: 0px 2px 0px 0px;
  float: left;
  height: 100%;
  background: url("../../_content/tfs-icons.png") no-repeat -1392px 50% !important;
}

.vertical-bread-crumb li.up span.icon.bread-crumb {
  background: url("../../_content/tfs-icons.png") no-repeat -304px 50% !important;
}

.vertical-bread-crumb li.corner span.icon.bread-crumb {
  background: url("../../_content/tfs-icons.png") no-repeat -7632px 50% !important;
}

.vertical-bread-crumb li.selected > div.node-content {
  color: #ffffff;
  background-color: #007acc;
  border: 1px solid #4D6082;
}

.vertical-bread-crumb li.selected a {
  color: #ffffff;
}

.vertical-bread-crumb .focus li.selected div.node-content {
  background-color: #007acc;
}

.vertical-bread-crumb li div.node-context-menu {
  width: 16px;
  margin-left: 4px;
  background: none !important;
  margin: 1px;
  float: left;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.vertical-bread-crumb li.selected div.node-context-menu.icon {
  background: url("../../_content/tfs-icons.png") no-repeat -1552px 50% !important;
}

.vertical-bread-crumb li.focus div.node-context-menu.icon {
  background: url("../../_content/tfs-icons.png") no-repeat -1552px 50% !important;
}

.vertical-bread-crumb li.context-menu-active div.node-context-menu {
  background: url("../../_content/tfs-icons.png") no-repeat -1552px 50% !important;
}

.vertical-bread-crumb li.focus div.node-content {
  background-color: #F2F7FD;
  border: 1px solid #B8D6FB;
}

.vertical-bread-crumb li.selected.focus div.node-content {
  background-color: #007acc;
}

.vertical-bread-crumb a.node-link:focus div.node-content {
  background-color: #F2F7FD;
  border: 1px solid #B8D6FB;
}

.grid-cell .tfs-tags {
  /* remove text-indent from grid-cell (originally 2px)*/
  text-indent: 0px;
  line-height: normal;
  margin-bottom: 0px;
}

.grid-cell .tags-items-container {
  overflow: visible;
  /* overflow hidden causes clipping of tag borders inside grid rows. */
}

.grid-cell .tags-items-container ul > li {
  margin-right: 1px;
}

div.tfs-tags {
  margin-bottom: 6px;
  line-height: 24px;
}

div.tags-label-container {
  display: block;
  float: left;
  padding-left: 4px;
  padding-right: 10px;
  font-size: 11px;
  color: #8c8c8c;
}

div.tags-items-container {
  overflow: hidden;
}

.tags-items-container ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.tags-items-container ul > li {
  display: inline-block;
  margin-right: 5px;
  padding: 0px;
}

.tag-item-delete-experience {
  white-space: nowrap;
  overflow: hidden;
}

.tag-box {
  padding: 2px 6px;
  font-size: 12px;
  color: #4F4F4F;
  background-color: #d7e6f3;
}

.tag-delete {
  padding: 2px 3px;
  background-color: #d7e6f3;
}

.tag-delete .icon {
  vertical-align: top;
  margin-top: 4px;
}

.grid-row.invalid-workitem-row .tag-box {
  color: #C00;
}

.tag-container:focus .tag-box-selectable,
.tag-container:hover .tag-box-selectable,
.tag-box-selectable.pressed {
  cursor: pointer;
  color: #4F4F4F;
  background-color: #B4C8D7;
}

.tags-input {
  overflow: hidden;
  width: 150px;
  margin: 0px;
  outline: none;
  border: 1px solid #cccccc;
}

.tags-input::-ms-clear {
  display: none;
}

.tags-filter-dropdown-input {
  z-index: 9000 !important;
  /* set important to override jquery inline z-index style */
  background-color: #ffffff;
  border: 1px solid #cccccc;
}

.tags-add-button {
  white-space: nowrap;
  overflow: hidden;
}

.tags-add-button .tag-box-selectable {
  color: #474747;
  background-color: #d7e6f3;
}

/* Tag Filter Control */
.tfs-tags-filter {
  overflow: auto;
  width: 100%;
  line-height: 35px;
  height: 42px;
}

.tfs-tags-filter .tfs-tags {
  line-height: inherit;
}

.tfs-tags.tag-filter-available-tags {
  text-align: right;
  white-space: nowrap;
}

.tfs-tags.tag-filter-applied-tags {
  margin-right: 50px;
  display: block;
  float: left;
}

.tfs-tags-filter .tag-item-count {
  color: #878787;
  padding-left: 5px;
  font-size: 10px;
}

.tfs-tags-filter .tag-container:focus .tag-item-count,
.tfs-tags-filter .tag-container:hover .tag-item-count {
  color: #ffffff;
}

.tfs-tags-filter .tag-filter-control-label {
  display: block;
  float: left;
  padding-left: 4px;
  padding-right: 10px;
  font-size: 11px;
  color: #8c8c8c;
}

.tfs-tags-filter .tag-filter-control-show-all {
  margin-right: 5px;
}

.tfs-tags-filter .tag-filter-control-show-all-container {
  margin: 0px;
  padding: 0px;
  display: inline-block;
  float: left;
}

.tags-autocomplete-menu {
  background-color: #ffffff;
  max-height: 139px;
  /* show only five elements in the autocomplete, then show scroll */
  overflow-y: auto;
  overflow-x: hidden;
  white-space: nowrap;
  padding: inherit;
  z-index: 9000 !important;
  /* set important to override jquery inline z-index style */
  width: 148px;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  border: 1px solid #cccccc;
}

.tags-autocomplete-menu .ui-menu-item a {
  padding-top: 5px;
  padding-bottom: 5px;
  color: #000000;
}

.tags-autocomplete-menu .ui-menu-item a.ui-state-hover,
.tags-autocomplete-menu .ui-menu-item a.ui-state-active,
.tags-autocomplete-menu .ui-menu-item a.ui-state-focus {
  font-weight: normal;
  margin: 0;
  background-color: #d7e6f3;
}

.tag-container {
  outline: none;
  padding-top: 2px;
  padding-bottom: 2px;
  border: 1px solid #ffffff;
}

.tag-container-selectable {
  cursor: pointer;
}

.tag-container-delete-experience {
  cursor: pointer;
}

.tag-box-delete-experience:hover {
  background-color: #B4C8D7;
}

.tag-container:focus .tag-box-delete-experience {
  cursor: pointer;
  color: #ffffff;
  background-color: #007acc;
}

.tag-container:focus .tag-box-delete-experience:hover {
  background-color: #0064AE;
}

/* Edge crispness/Aliasing is needed where sharp edges are applicable*/
.bar-chart-body > .vertical-gridline,
.bar-chart-body > .vertical-axis-line,
.column-chart-body > .horizontal-gridline,
.column-chart-body > .horizontal-axis-line,
.chart-legend-cell > .legend-color-container > .legend-color,
.bar-chart-body .row-cell > .row-value-bar,
.column-chart-body > .column > .column-value-bar,
.color-popup-body .color-picker-patch {
  shape-rendering: crispEdges;
}

/* By default, Chart content text can not be selectable.*/
.chart-instance.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: moz-none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

.chart-hosts-list > .chart-hosts-list-items {
  display: block;
  margin: 15px;
}

.chart-hosts-list > .message-block {
  width: auto;
  margin: 20px;
  display: block;
}

.chart-hosts-list > .message-block.invalid {
  padding: 5px;
  font-size: 16px;
  background-color: #ffc;
  border: 1px solid #e6e6e6;
}

.chart-hosts-list > .message-block.collapsed {
  display: none;
}

.chart-empty-dataset {
  text-align: center;
}

.chart-empty-dataset > .message-header {
  font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
  font-size: 18px;
  color: #007acc;
  margin-top: 25px;
  line-height: 26px;
}

.chart-empty-dataset > .message-body {
  font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
  font-size: 18px;
  color: #007acc;
  line-height: 26px;
  margin-bottom: 7px;
}

.lightweight-chart-tile-content > .message-block.collapsed {
  display: none;
}

.chart-host > .message-block.collapsed {
  display: none;
}

.chart-host > .message-block {
  font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
  font-size: 12px;
  color: #000000;
  position: absolute;
  top: 140px;
  left: 70px;
}

.chart-host > .message-block.invalid {
  left: 20px;
  right: 20px;
}

.barchart-chartsurface, .piechart-chartsurface {
  margin-top: 20px;
  height: 266px;
  /*286 for the overall chart minus 20 for the margin.*/
}

.chart-hosts-list > .message-block > .message-icon {
  vertical-align: middle;
}

.chart-hosts-list > .message-block > .message-text {
  display: inline;
  vertical-align: middle;
}

/* The Status container normally hosts large icons. Small icons need to align to the status text.*/
.chart-instance .status .icon {
  margin-top: -2px;
  margin-right: 5px;
}

.chart-container {
  float: left;
  width: 380px;
  overflow: hidden;
  position: relative;
}

.chart-instance > .layout-container {
  position: relative;
  left: 0px;
  top: 0px;
}

.chart-configuration-dialog-container {
  overflow: visible;
}

.chart-configuration-dialog-container .ui-dialog-titlebar {
  overflow: hidden;
}

.chart-configuration-dialog-container .chart-configuration-dialog {
  overflow: hidden;
}

.chart-configuration-dialog .chart-container {
  margin-left: 10px;
  margin-top: 10px;
  float: none;
  position: absolute;
  right: 0px;
}

.chart-container.chart-host {
  float: left;
  margin: 5px;
  height: 240px;
  background-color: #F1F1F1;
}

/* Compensating tweak - The pie chart border needs to be consistent with the background. */
.chart-container.chart-host .pie-chart-body > .arc > .arc-value-fill {
  stroke: #F1F1F1;
}

.chart-host > .chart-host-header > .chart-host-title {
  font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
  font-size: 16px;
  color: #000000;
  max-height: 26px;
  float: left;
  padding-right: 10px;
  padding-bottom: 2px;
  max-width: 270px;
  /*Give 30 pixels space for the menu*/
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.chart-hosts-list-items .chart-host > .chart-host-header > .chart-host-title {
  padding-top: 3px;
  padding-left: 10px;
}

.chart-host > .chart-host-header {
  float: none;
  height: 26px;
  max-height: 26px;
}

.chart-host > .chart-host-header > .menu-bar {
  float: right;
}

.chart-host > .chart-host-header > .ellipsis-menubar {
  float: none;
  position: absolute;
  top: 5px;
  right: 5px;
  background-color: #F4F4F4;
  padding: 0;
}

.chart-host > .chart-host-header .menu-bar .menu-item.hover > span.icon-edit-grey-f1-background {
  background: url("../../_content/tfs-icons.png") no-repeat -1584px -16px !important;
}

.chart-host > .chart-host-header .menu-bar .menu-item.hover > span.icon-delete-grey-f1-background {
  background: url("../../_content/tfs-icons.png") no-repeat -1168px -16px !important;
}

.chart-template-list {
  position: absolute;
  display: inline-block;
  top: 27px;
  bottom: 51px;
  left: 0px;
  width: 200px;
  background-color: #fcfcfc;
  border: 1px solid #dddddd;
  overflow: hidden;
}

.chart-template-list > ul {
  position: absolute;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}

.chart-template-list > ul > li {
  box-sizing: content-box;
  height: 30px;
  line-height: 30px;
  position: relative;
  padding: 4px;
  padding-left: 10px;
}

.chart-template-list > ul > li > a.xnode {
  display: inline-block;
}

.chart-template-list > ul > li > a {
  text-decoration: none;
}

.chart-template-list > ul > li > .title {
  position: absolute;
  left: 0;
  padding-left: 35px;
  padding-top: 4px;
  height: 100%;
  width: 100%;
  top: 0px;
}

.chart-template-list > ul > li.separator {
  font-weight: bold;
  height: 22px;
  line-height: 22px;
  background-color: #e6e6e6;
  border-bottom: 1px solid #dddddd;
  color: #666666;
}

.chart-template-list > ul > li.separator:hover {
  background-color: #e6e6e6;
  border-bottom: 1px solid #dddddd;
}

.chart-template-list > ul > li.separator > .drop {
  position: absolute;
  top: 6px;
}

.chart-template-list > ul > li:hover {
  background-color: #F2F7FD;
}

.chart-template-list > ul > li.selected {
  background-color: #DCEBFC;
  padding-top: 4px;
  padding-bottom: 4px;
}

.chart-template-list > ul > li > .icon {
  position: absolute;
  top: 10px;
}

.chart-template-list > ul > li > .drop {
  position: absolute;
  right: 10px;
  top: 12px;
  opacity: 0.5;
}

.centering-parent {
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  display: table;
}

/* Chart's centered status indicator height is overridden in pixels to compensate for IE11 Layout jitter(can't decide between 0 and 100%). */
.chart-instance .center.status-indicator,
.chart-instance {
  height: 209px;
}

.chart-instance {
  display: table-cell;
  width: 380px;
}

.chart-configuration-dialog .chart-dialog-body {
  position: absolute;
  left: 200px;
  top: 27px;
  right: 0px;
  bottom: 51px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
}

.chart-configuration-dialog .tfs-service-status-notification.message-area-control {
  /* Override Service Notification layout for use in the dialog. */
  width: 100%;
  margin-left: 0px;
  margin-bottom: 16px;
}

.chart-configuration-editor {
  padding-top: 16px;
  float: left;
}

.chart-configuration-block {
  width: 200px;
  display: inline-block;
  padding-bottom: 10px;
}

.chart-configuration-tip.icon {
  margin-left: 2px;
  position: absolute;
}

.chart-configuration-block > .chart-configuration-label {
  padding-bottom: 6px;
  min-width: 36px;
}

.chart-configuration-block > .chart-configuration-input-row {
  display: inline-block;
  float: left;
}

.chart-configuration-block > .chart-configuration-order-property {
  float: left;
}

.chart-configuration-block > .chart-configuration-order-property.compact {
  width: 100px;
}

.chart-configuration-block > .chart-configuration-order-direction {
  margin-left: 10px;
  width: 89px;
  float: left;
}

.chart-configuration-block > .chart-configuration-measure-aggregation.compact {
  width: 60px;
  float: left;
}

.chart-configuration-block > .chart-configuration-measure-of {
  margin-left: 6px;
  float: left;
  width: 16px;
  padding-top: 3px;
}

.chart-configuration-block > .chart-configuration-measure-property {
  margin-left: 6px;
  width: 112px;
  float: left;
}

.chart-configuration-block > .collapse {
  visibility: collapse;
  height: 0px;
  margin: 0px;
}

.pie-chart-center {
  text-anchor: middle;
}

.pie-chart-center > .center-value {
  font-size: 36px;
  kerning: -1;
}

.pie-chart-body > .arc > .arc-value-fill {
  stroke: #ffffff;
  stroke-width: 2px;
}

.pie-chart-body > .arc > .arc-value-label {
  text-anchor: middle;
}

.layout-container .arc-name-label {
  display: inline-block;
  max-width: 85px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.bar-chart-body > .vertical-gridline {
  stroke: #cccccc;
}

.bar-chart-body > .vertical-axis-line {
  stroke: #888888;
}

.row > .row-cell > .row-value-label {
  text-anchor: middle;
}

.row-labels > .row-label {
  fill: #000000;
  text-align: right;
  position: absolute;
  left: 0px;
  color: #000000;
  padding-left: 3px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.layout-container > .row > .row-value-label {
  text-anchor: end;
}

.column-chart-body > .horizontal-gridline {
  stroke: #cccccc;
}

.column-chart-body > .horizontal-axis-line {
  stroke: #888888;
}

.column-labels > .column-label {
  text-align: center;
  display: inline-block;
  overflow: hidden;
}

.layout-container .column-label .column-label-text {
  fill: #000000;
  color: #000000;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.column-chart-body > .column > .column-value-label {
  text-anchor: middle;
}

.table-pos {
  overflow: hidden;
  display: inline-block;
  margin-top: 68px;
  margin-left: 10px;
}

.pivot-table {
  padding-top: 10px;
}

.pivot-table > table > tr td {
  text-align: center;
  font-weight: normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 30px;
  width: 30px;
}

/*Allow Row key cells to be wider than normal */
.pivot-table > table > tr > td.key-head,
.pivot-table > table > tr > td.total-key,
.pivot-table > table > tr > td.series-key {
  max-width: 75px;
  color: #000000;
}

/* Nest the series labels in a child so we can safely do text overflow*/
.pivot-table > table > tr > td.total-key > .series-label,
.pivot-table > table > tr > td.series-key > .series-label,
.pivot-table > table > tr > td.key-head > .series-label {
  width: 71px;
  text-align: left;
  max-width: 71px;
  box-sizing: content-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 4px;
  color: #000000;
}

.pivot-table td.group-key > .diagonal-background,
.pivot-table td.head-total > .diagonal-background {
  position: absolute;
  width: 90px;
  height: 23px;
  transform-origin: 0px 0px;
  -ms-transform-origin: 0px 0px;
  -webkit-transform-origin: 0px 0px;
  -moz-transform-origin: 0px 0px;
  transform: rotate(-45deg) skew(45deg) translate(-1px, 0px);
  -ms-transform: rotate(-45deg) skew(45deg) translate(-1px, 0px);
  -webkit-transform: rotate(-45deg) skew(45deg) translate(-1px, 0px);
  -moz-transform: rotate(-45deg) skew(45deg) translate(-1px, 0px);
}

.pivot-table td.group-key > .diagonal-text,
.pivot-table td.head-total > .diagonal-text {
  position: absolute;
  width: 70px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
  transform-origin: 0px 0px;
  -ms-transform-origin: 0px 0px;
  -webkit-transform-origin: 0px 0px;
  -moz-transform-origin: 0px 0px;
  transform: rotate(-45deg) translate(20px, 2px);
  -ms-transform: rotate(-45deg) translate(20px, 2px);
  -webkit-transform: rotate(-45deg) translate(20px, 2px);
  -moz-transform: rotate(-45deg) translate(20px, 2px);
}

.pivot-table td.head-total > .diagonal-text {
  color: #000000;
}

.pivot-table tr > td.group-column {
  white-space: pre;
  border-bottom: 1px solid #ffffff;
}

.pivot-table tr > td.group-column.group-total {
  border-bottom: none;
  color: #000000;
}

.pivot-table tr > td.series-total {
  color: #000000;
}

.pivot-table tr > td.grand-total {
  color: #000000;
}

.pivot-table thead > tr > td {
  text-align: center;
  width: 32px;
}

.pivot-table tr > td.chart-footer {
  border-top-width: 2px;
}

.chart-legend-cell {
  padding-bottom: 3px;
}

.flow-horizontal > .chart-legend-cell {
  float: left;
  padding-right: 7px;
}

.chart-legend-cell > * {
  vertical-align: middle;
  display: inline-block;
}

.chart-legend-cell > .legend-color-container {
  margin-top: 2px;
}

.chart-legend-cell > .legend-color-container > .legend-color {
  stroke-opacity: 0;
  stroke-width: 1px;
}

.chart-legend-cell > .legend-label {
  padding-left: 3px;
  overflow: hidden;
  white-space: pre;
  text-overflow: ellipsis;
  color: #000000;
}

/*Color Picker CSS */
.color-popup-body {
  z-index: 4000;
  background-color: #ffffff;
  width: 180px;
  height: 92px;
  position: fixed;
  outline: none;
  box-shadow: #dddddd 0 0 5px;
  border-radius: 2px;
  border: 1px solid #cccccc;
}

.color-popup-body * {
  outline: none;
}

.color-picker-patch {
  height: 20px;
  width: 20px;
  float: left;
  margin-top: 2px;
  margin-left: 2px;
}

.color-picker-patch-selected {
  border: 1px solid #F2F7FD;
  outline: #007ACC solid 1px;
  height: 20px;
  width: 20px;
  float: left;
  margin-top: 2px;
  margin-left: 2px;
}

/* Do not expose affordances for Text Elements- Any input behavior and custom affordances Pass through from the underlying chart content.  */
.arc-value-label,
.row-value-label,
.column-value-label {
  pointer-events: none;
}

.tile-zone .chart-host {
  margin: 0px;
  height: 312px;
}

.tile-zone .chart-hosts-list-items {
  display: block;
  margin: 0px;
}

.chart-container.chartpin {
  width: 312px;
}

.chart-container.chart-host.chartpin {
  height: 312px;
  background-color: #F4F4F4;
  outline: none;
}

.lightweight-chart-tile .ellipsis-menubar.menu-bar {
  background-color: #F4F4F4;
}

.lightweight-chart-tile .chart-host > .chart-host-header {
  top: 6px;
  left: 10px;
}

.lightweight-chart-tile a {
  overflow: hidden;
}

.chart-configuration-dialog.chartpin .chart-container {
  right: 20px;
}

.chart-container.chartpin.chart-host .pie-chart-body > .arc > .arc-value-fill {
  stroke: #F4F4F4;
}

.chart-instance.chartpin {
  width: 312px;
}

.historical-chart-body > .trend-chart-line {
  fill: none;
  stroke-width: 2.0px;
}

.historical-chart-body > .horizontal-gridline {
  stroke: #cccccc;
}

.historical-chart-body > .horizontal-axis-line {
  stroke: #888888;
}

.chart-container .layout-container .diagonal-text {
  overflow: visible;
}

.chart-container .layout-container .diagonal-text .column-label-text {
  transform-origin: -5px 35px;
  -ms-transform-origin: -5px 35px;
  -webkit-transform-origin: -5px 35px;
  -moz-transform-origin: -5px 35px;
  transform: rotate(-45deg) translate(-45px, 15px);
  -ms-transform: rotate(-45deg) translate(-45px, 15px);
  -webkit-transform: rotate(-45deg) translate(-45px, 15px);
  -moz-transform: rotate(-45deg) translate(-45px, 15px);
}

.chart-container div.tick {
  border: 1px solid #888888;
  height: 5px;
  width: 0;
}

.chart-container .layout-container > .tooltip-container {
  background-color: #ffffff;
  border: 1px solid #000000;
  max-width: 300px;
  overflow: hidden;
  position: fixed;
  /* we have to do this to make the tooltip visible outside chart, otherwise it was getting clipped off at chart boundary */
  padding: 3px;
  z-index: 999;
  color: #000000;
}

.chart-container .layout-container > .tooltip-container > div {
  max-width: 294px;
  overflow: hidden;
  word-wrap: break-word;
  white-space: normal;
  margin-bottom: 3px;
}

.historical-chart-body .tooltip-marker {
  fill: #000000;
}

.highcharts-container .values {
  display: inline-block;
  width: 100px;
}

.highcharts-container .actual {
  font-size: 35px;
  font-family: Segoe UI;
  color: black;
  text-align: center;
  position: relative;
  margin: -20px -5px 0px 0px;
}

.highcharts-container .tag {
  color: grey;
  font-size: 12px;
  font-family: Segoe UI;
  text-align: center;
  position: relative;
  margin: -5px 0px 0px 0px;
}

/** Chart Configuration Extension/Override Styles for "Widget Blade" UI*/
.horizontal-chart-template-list > ul.items > li {
  display: inline-block;
  width: 103px;
  position: relative;
}

.horizontal-chart-template-list > ul.items > li.selected > a {
  background-color: #DCEBFC;
}

.horizontal-chart-template-list .icon {
  width: 26px;
  height: 26px;
  margin-right: 5px;
}

.horizontal-chart-template-list .items {
  margin: 0;
  padding: 0;
}

.horizontal-chart-template-list .title {
  padding-left: 40px;
  height: 100%;
  width: 100%;
  display: table;
}

.horizontal-chart-template-list a,
.horizontal-chart-template-list a:visited,
.horizontal-chart-template-list a:hover {
  color: black;
  text-decoration: none;
}

.horizontal-chart-template-list a > span {
  display: table-cell;
  vertical-align: middle;
}

/* A temporary workaround until we got the VSO build to generate those.*/
/* 502568 is created to track the work*/
.horizontal-chart-template-list .icon-config-charts-pie {
  background-image: url("../../_content/chart/icon-config-chart-pie.png");
}

.horizontal-chart-template-list .icon-config-charts-bar {
  background-image: url("../../_content/chart/icon-config-chart-bar.png");
}

.horizontal-chart-template-list .icon-config-charts-column {
  background-image: url("../../_content/chart/icon-config-chart-column.png");
}

.horizontal-chart-template-list .icon-config-charts-pivotchart {
  background-image: url("../../_content/chart/icon-config-chart-stacked-bar.png");
}

.horizontal-chart-template-list .icon-config-charts-pivottable {
  background-image: url("../../_content/chart/icon-config-chart-pivot.png");
}

.horizontal-chart-template-list .icon-config-charts-area {
  background-image: url("../../_content/chart/icon-config-chart-area.png");
}

.horizontal-chart-template-list .icon-config-charts-stackarea {
  background-image: url("../../_content/chart/icon-config-chart-stacked-area.png");
}

.horizontal-chart-template-list .icon-config-charts-line {
  background-image: url("../../_content/chart/icon-config-chart-line.png");
}

.horizontal-chart-template-list .icon {
  background-position: 8% 50%;
  background-repeat: no-repeat;
}

.widget-configuration-container .chart-configuration-block {
  width: 396px;
}

.widget-configuration-container .chart-configuration-block .chart-configuration-combo {
  float: left;
  width: 396px;
}

.widget-configuration-container .chart-configuration-block > .chart-configuration-label {
  width: 396px;
}

.widget-configuration-container .chart-configuration-block > .chart-configuration-measure-aggregation {
  width: 181px;
}

.widget-configuration-container .chart-configuration-block > .chart-configuration-measure-of {
  text-align: center;
  width: 20px;
}

.widget-configuration-container .chart-configuration-block > .chart-configuration-measure-property {
  width: 182px;
}

.widget-configuration-container .chart-configuration-block > .chart-configuration-order-property {
  width: 181px;
}

.widget-configuration-container .chart-configuration-block > .chart-configuration-order-direction {
  width: 182px;
  margin-left: 32px;
}

.widget-configuration-container .chart-configuration-block > .chart-configuration-range-property {
  width: 396px;
  float: left;
}

.witchartconfiguration-container .config-settings-field .chart-configuration-editor .config-settings-field .inline-error-configuration {
  margin: 0;
}

/*Suppress Text selector on bowtie "help badge" glyphs */
.widget-configuration-container .witchartconfiguration-container .bowtie-status-info-outline,
.widget-configuration-container .witchartconfiguration-container .chart-configuration-tip {
  cursor: default;
}

/* Bowtie Consistency: Suppress all standard yellow highlights when the control is not in an valid state(empty). Any selected state is valid.*/
.widget-configuration-container .chart-configuration-block .combo.invalid,
.widget-configuration-container .chart-configuration-block .combo.invalid input,
.widget-configuration-container .chart-configuration-measure-property .combo.invalid,
.widget-configuration-container .chart-configuration-measure-property .combo.invalid input {
  background-color: #fff;
}

/* Bowtie Consistency: Apply watermark text for unselected state. */
.widget-configuration-container .chart-configuration-combo-watermark input {
  font-style: italic;
  color: #cccccc;
}

/*

 *  Styles specific to the drag/drop iteractions.

 */
.ui-draggable, .tile-zone-team-favorites > .tile {
  /*

     *  Disable touch actions such as panning (scrolling) and zooming as these gestures will prevent the element from

     *  getting events needed to perform the drag.

     */
  -ms-touch-action: none;
}

.ui-sortable-helper a {
  /*

     * Set the cursor to a default when dragging an element that contains a hyperlink.

     */
  cursor: default;
}

.productbacklog-grid-results > .ui-draggable {
  /*

     * For the backlogs, the draggable objects in the grids should scroll if originally touch-dragged in the vertical direction or

     * be dragged if originally touch-dragged in the horizontal direction.

     */
  touch-action: pan-y pinch-zoom;
}

#taskboard .ui-draggable {
  /*

     * For the taskboard, touch action is a scrolling action in the vertical direction

     * while touch action is a drag drop operation in the horizontal direction.

     */
  touch-action: pan-y pinch-zoom;
}

.agile-board .ui-draggable {
  /*

     * For agile board, touch action is a scrolling action in the vertical direction

     * while touch action is a drag drop operation in the horizontal direction.

     */
  touch-action: pan-y pinch-zoom;
}

/**************/
/* Jumpstart  */
/**************/
.jumpstart {
  width: 1000px !important;
  height: 570px !important;
  max-width: 1000px !important;
}

.jumpstart-content-column {
  float: left;
  width: 49%;
  overflow: hidden;
}

.jumpstart-content-column + .jumpstart-content-column {
  float: right;
}

.jumpstart-image-container {
  height: 284px;
  overflow: hidden;
  border: 1px solid #ccc;
  margin: 20px 0;
}

.jumpstart-image-container img {
  width: 100%;
}

.jumpstart-button-container {
  text-align: center;
  margin-top: 10px;
}

.jumpstart-column-content {
  margin-bottom: 25px;
}

/************************************/
/* Send a smile on the global navbar*/
/************************************/
.top-level-menu-v2 .menu-item[command="send-a-smile"] {
  overflow: visible;
}

/* fill out clickable area */
.top-level-menu-v2 .menu-item[command="send-a-smile"] .nav-feedback-icon-wrappper {
  margin: 0 -5px;
  padding: 0 5px;
}

/* Keep the icon in line with other menu items */
.top-level-menu-v2 .menu-item[command="send-a-smile"] .icon {
  height: 18px;
  margin-right: 4px;
}

.top-level-menu-v2 .menu-item[command="send-a-smile"] .quickstart.bubble.shown {
  margin-top: -14px;
}

.top-level-menu-v2 .menu-item[command="send-a-smile"] .quickstart.bubble.shown {
  -webkit-box-shadow: 0 0 20px rgba(91, 91, 91, 0.4);
  -moz-box-shadow: 0 0 20px rgba(91, 91, 91, 0.4);
  box-shadow: 0 0 20px rgba(91, 91, 91, 0.4);
}

.filtered-list-dropdown-menu {
  white-space: nowrap;
  position: relative;
  cursor: pointer;
  padding: 5px;
}

.filtered-list-dropdown-menu:hover, .filtered-list-dropdown-menu.menu-opened {
  background-color: #e6e6e6;
}

.filtered-list-dropdown-menu .selected-item-text {
  padding-left: 5px;
  padding-right: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  vertical-align: middle;
  display: inline-block;
}

.filtered-list-dropdown-menu .drop-icon {
  display: inline-block;
  position: relative;
  overflow: hidden;
  vertical-align: middle;
}

.filtered-list-popup {
  background-color: #e6e6e6;
  border: 1px solid #cccccc;
  font-size: 12px;
}

.filtered-list-popup .filtered-list-control {
  padding-bottom: 10px;
}

.filtered-list-popup .filtered-list-control .filtered-list {
  max-height: 300px;
  overflow: auto;
}

.filtered-list-control .views {
  float: none;
}

.filtered-list-control .filter-container {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
}

.filtered-list-control .filter-container input {
  width: 100%;
  outline: 0;
  border: 1px solid #cccccc;
}

.filtered-list-control .filtered-list {
  margin: 5px 0 0 0;
  padding-right: 10px;
  padding-left: 10px;
}

.filtered-list-control .filtered-list > li {
  list-style-type: none;
  padding: 0.3em;
  margin: 1px;
  border: 1px solid transparent;
  cursor: pointer;
  position: relative;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.filtered-list-control .filtered-list > li.current-item {
  font-weight: bold;
}

.filtered-list-control .filtered-list > li.new-selection {
  background-color: #007acc;
  color: #ffffff;
}

.filtered-list-control .filtered-list > li.message {
  color: #6D6D6D;
  cursor: default;
  white-space: normal;
  overflow: visible;
}

.filtered-list-control .filtered-list > li.message.show-more-item {
  cursor: pointer;
}

.filtered-list-control .filtered-list > li > .icon {
  margin-right: 6px;
  vertical-align: top;
}

.filtered-list-control .list-message {
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 4px;
  color: #6D6D6D;
}

/* bowtie-filtered-list styles */
.filtered-list-control.bowtie-filtered-list {
  font-size: 13px;
}

.filtered-list-control.bowtie-filtered-list .filtered-list {
  padding: 0px;
  margin: 0px 0px 4px 0px;
}

.filtered-list-control.bowtie-filtered-list .filtered-list-item {
  height: 30px;
}

.filtered-list-control.bowtie-filtered-list .filtered-list > li.current-item {
  font-weight: 700;
}

.filtered-list-control.bowtie-filtered-list .filtered-list > li {
  padding: 0.3em 10px 0.3em 10px;
}

.filtered-list-control.bowtie-filtered-list .filtered-list-search {
  border: 1px solid #cccccc;
  font-size: 13px;
  display: block;
  margin-left: 0px;
  outline: none;
  padding: 5px 10px 5px 10px;
  width: 100%;
}

.filtered-list-control.bowtie-filtered-list .filtered-list-tab {
  font-weight: normal;
}

.filtered-list-control.bowtie-filtered-list .filtered-list-tab.selected {
  font-weight: bold;
}

.filtered-list-control.bowtie-filtered-list .filter-container {
  padding: 10px;
}

.message-form table {
  width: 100%;
}

.message-form .label {
  width: 50px;
  white-space: nowrap;
  padding-right: 10px;
  vertical-align: top;
  line-height: 20px;
}

.message-form input {
  border: 1px solid #cccccc;
  width: 100%;
}

.message-form input.disabled {
  cursor: default;
  color: #6D6D6D;
}

/*

 * The input in a dropdown/combo control, e.g. IdentityPicker,

 * only needs the border for the outer input.

 */
.send-mail-dialog .message-form .search-input-wrapper .search-input {
  border: 0;
}

.bowtie-style.send-mail-dialog .message-form .search-input-wrapper .search-input {
  height: inherit;
}

.message-form .dropdown-input-text {
  border: 0;
}

.bowtie-style.send-mail-dialog .message-form.new-form .dropdown-input-text {
  border: 0;
  height: 24px;
  background-color: transparent;
  font-size: 100%;
  line-height: inherit;
  position: absolute;
  top: 0;
  left: 0;
}

.bowtie-style.send-mail-dialog .message-form.new-form .dropdown-input-inputarea {
  height: 24px;
}

.message-form .body-container {
  padding: 10px 0 10px 0;
}

.bowtie-style.send-mail-dialog textarea {
  height: 130px;
  resize: none;
  overflow: auto;
}

.bowtie-style.send-mail-dialog .email-read-only-body {
  max-height: 180px;
}

.bowtie-style.send-mail-dialog .email-read-only-body table td {
  max-width: 50px;
}

.bowtie-style.send-mail-dialog .email-new-note-label {
  display: inline;
}

.bowtie-style.send-mail-dialog .message-form.new-form .identity-input.email-input-to-focused,
.bowtie-style.send-mail-dialog .message-form.new-form .identity-input.email-input-to-focused:hover {
  border-color: #007acc;
}

.bowtie-style.send-mail-dialog .message-form.new-form .identity-input:hover {
  border-color: #b6b6b6;
}

.bowtie-style.send-mail-dialog .message-form.new-form .identity-input {
  width: 620px;
}

.bowtie-style.send-mail-dialog .message-form.new-form .email-input-to.email-input-to-focused,
.bowtie-style.send-mail-dialog .message-form.new-form .email-input-to.email-input-to-focused:hover {
  border-color: #007acc;
}

.bowtie-style.send-mail-dialog .email-input-to .identity-picker-search-box {
  overflow-x: hidden;
}

.bowtie-style.send-mail-dialog .message-form.new-form .email-input-to:hover {
  border-color: #b6b6b6;
}

.bowtie-style.send-mail-dialog textarea:focus {
  border-color: #007acc;
}

.bowtie-style.send-mail-dialog .message-form.new-form .select-tester-identity-picker {
  overflow-y: visible;
  max-height: 52px;
}

.bowtie-style.send-mail-dialog .message-form.new-form .email-input-subject {
  height: 28px;
}

.bowtie-style.send-mail-dialog .email-note-container {
  margin: 24px 0 0 0;
}

.send-mail-dialog .messagearea-container {
  margin-bottom: 2px;
}

.send-mail-dialog .email-editable-body {
  margin-top: 5px;
  width: 100%;
  height: 136px;
  overflow: auto;
  background-color: inherit;
  resize: none;
  border: 1px solid #cccccc;
}

.send-mail-dialog .email-read-only-body {
  max-height: 208px;
  overflow: auto;
}

.send-mail-dialog .email-read-only-content {
  margin-top: 5px;
}

.send-mail-dialog .email-read-only-body > div {
  position: relative;
}

.send-mail-dialog .email-read-only-body .overlay {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #f2f2f2;
}

.send-mail-dialog .message-form.new-form .email-input-to {
  border: 1px solid #dedede;
}

.bowtie-style.send-mail-dialog .message-form.new-form .identity-picker-input {
  border: none;
  width: 100%;
  height: 24px;
}

.send-mail-dialog .message-form.new-form .select-tester-identity-picker {
  max-height: 52px;
  overflow-y: visible;
}

.send-mail-dialog .message-form.new-form .email-subject-row input {
  line-height: 18px;
  outline: 0;
  padding-left: 2px;
  background-color: inherit;
}

.send-mail-dialog .message-form.new-form .label {
  margin-top: 4px;
}

.send-mail-dialog .message-form.new-form > table {
  table-layout: fixed;
}

.send-mail-dialog .email-read-only-body table td,
.send-mail-dialog .email-read-only-body table th {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.send-mail-dialog .message-form.new-form .email-note-label {
  display: inline-block;
}

.send-mail-dialog .message-form.new-form .email-read-only-label {
  padding-top: 4px;
}

.send-mail-dialog .message-form.new-form .email-characters-count {
  float: right;
}

.send-mail-dialog .message-form.new-form .email-characters-count.email-count-error {
  color: #C00000;
}

.visual-progress-container {
  position: relative;
  width: 100%;
}

.visual-progress-underallocated {
  background-color: #6DB72C;
}

.visual-progress-overallocated {
  background-color: #FF3B3B;
}

.visual-progress-total-unallocated {
  background-color: #E8E8E8;
}

.visual-progress-no-total {
  background-color: #E8E8E8;
}

.visual-progress-total {
  border-right: 4px solid black;
}

.visual-progress-summary-current {
  display: inline-block;
  font-size: 32pt;
  margin-right: 8px;
  height: 50px;
}

.visual-progress-total > .visual-progress-current,
.visual-progress-current > .visual-progress-total {
  height: 18px;
}

.rich-content-tooltip {
  display: block;
  position: fixed;
  width: 400px;
}

.rich-content-tooltip .popup-content-container {
  color: #000;
  background-color: #fff;
  border: 1px solid #cccccc;
  padding: 5px;
  margin-top: 11px;
}

.popup-tag {
  height: 12px;
  width: 20px;
  position: fixed;
  background: url("../../_content/popup-tag.png") no-repeat 0 0 !important;
}

.identity-view-control {
  position: relative;
  height: 20px;
}

.identity-view-control > img {
  width: 20px;
  height: 20px;
  vertical-align: middle;
}

.identity-view-control.no-image > span {
  position: absolute;
  top: 2px;
  right: 0;
  left: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.identity-view-control > span {
  position: absolute;
  top: 2px;
  right: 0;
  left: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.mru-identity-picker {
  position: relative;
  width: 100%;
  height: 20px;
  border: 1px solid #e6e6e6;
  background: #ffffff;
}

.mru-identity-picker > .wrap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  display: block;
}

.mru-identity-picker.drop > .wrap {
  right: 20px;
}

.mru-identity-picker.drop > .drop {
  position: absolute;
  right: 0;
  height: 100%;
  width: 20px;
  cursor: pointer;
  overflow: hidden;
}

.mru-identity-picker > .drop {
  background: url("../../_content/tfs-icons.png") no-repeat -1550px 50% !important;
}

.mru-identity-picker > .wrap > .text-wrapper {
  border: none;
  outline: none;
  position: absolute;
  right: 0;
  left: 0;
}

.mru-identity-picker > .wrap > .text-wrapper > .mru-identity-picker-input {
  border: none;
  outline: none;
  padding-left: 2px;
  width: 100%;
  height: 100%;
}

.mru-identity-picker > .wrap.resolved > .text-wrapper {
  left: 20px;
}

.mru-identity-picker > .wrap > .text-wrapper > .mru-identity-picker-input::-ms-clear {
  display: none;
}

.mru-identity-picker > .wrap > .img-container {
  width: 18px;
  height: 18px;
  text-align: center;
  margin: 0px 2px;
  float: left;
}

.mru-identity-picker > .wrap > .img-container.loading {
  background: url("../../_content/User.svg") no-repeat;
  background-size: 18px 18px;
}

.mru-identity-picker > .wrap > .img-container > img {
  max-width: 18px;
  height: 18px;
  width: auto;
  vertical-align: top;
  font-size: 0;
  /* this is to fix firefox behavior to show alt text while image is loading. This fix hides the alt text */
}

.mru-identity-picker > .wrap > .focus-receiver {
  width: 0;
  height: 0;
}

.mru-identity-picker.readonly input.disabled {
  cursor: default;
  color: #6D6D6D;
}

.identity-picker-list-view {
  position: fixed;
  left: -50000px;
  top: -50000px;
  background: #ffffff;
  border: 1px solid #cccccc;
  z-index: 2000;
}

.identity-picker-list-view > ul.items {
  overflow: auto;
  max-height: 240px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.identity-picker-list-view > ul.items > li {
  cursor: pointer;
  position: relative;
  height: 40px;
}

.identity-picker-list-view > ul.items > li > .icon.icon-delete-small {
  cursor: pointer;
  position: absolute;
  top: 5px;
  right: 5px;
  display: none;
  /* hide the delete initially. only show on item hover */
}

.identity-picker-list-view > ul.items > li.mru-item.hover > .icon.icon-delete-small,
.identity-picker-list-view > ul.items > li.mru-item.selected > .icon.icon-delete-small {
  display: block;
}

.identity-picker-list-view > ul.items > li.non-mru-item > .icon.icon-delete-small,
.identity-picker-list-view > ul.items > li > .item-image-container.hidden {
  display: none;
}

.identity-picker-list-view > ul.items > li.selected,
.identity-picker-list-view > ul.items > li.selected.hover,
.identity-picker-list-view .search.selected,
.identity-picker-list-view .search.selected.hover {
  background-color: #dce6f4;
}

.identity-picker-list-view .search, .identity-picker-list-view .no-result {
  text-align: center;
  cursor: pointer;
  font-size: 15px;
  padding: 8px;
  background-color: #e6e6e6;
  border-top: 1px solid #E6E6E6;
  height: 40px;
}

.identity-picker-list-view .search-tfs-noresult {
  font-size: 12px;
  padding: 2px;
}

.identity-picker-list-view .no-result {
  cursor: default;
}

.identity-picker-list-view .search.search-error {
  padding: 0;
  font-size: 12px;
}

.identity-picker-list-view .search.search-error > .message-area-control {
  height: 40px;
  background-color: #e6e6e6;
  border: 1px solid #E6E6E6;
}

.identity-picker-list-view .search.search-error > .message-area-control > .message-icon {
  display: inline;
  float: none;
}

.identity-picker-list-view .search.search-error > .message-area-control > .message-icon .icon {
  vertical-align: middle;
}

.identity-picker-list-view .search.search-error > .message-area-control > .message-header {
  display: inline;
}

.identity-picker-list-view .search-result-status {
  text-align: center;
  padding: 2px;
}

.identity-picker-list-view .search > .bowtie-icon {
  margin-left: 5px;
}

.identity-picker-list-view > ul.items > li.hover,
.identity-picker-list-view .search.hover {
  background-color: #e6e6e6;
}

.identity-picker-list-view > ul.items > li > div.item-image-container {
  margin-top: 4px;
  margin-right: 4px;
  margin-left: 4px;
  width: 32px;
  height: 32px;
  text-align: center;
}

.identity-picker-list-view > ul.items > li > div.item-image-container.loading {
  background: url("../../_content/User.svg") no-repeat;
  background-size: 32px 32px;
}

.identity-picker-list-view > ul.items > li > div.item-image-container > img {
  vertical-align: top;
  width: auto;
  height: 32px;
  max-width: 32px;
  font-size: 0;
  /* this is to fix firefox behavior to show alt text while image is loading. This fix hides the alt text */
}

.identity-picker-list-view > ul.items > li > div {
  display: inline-block;
}

.identity-picker-list-view > ul.items > li div.item-text-container {
  position: absolute;
  top: 0px;
  right: 25px;
  bottom: 0px;
  left: 45px;
}

.identity-picker-list-view > ul.items > li div.title {
  font-size: 15px;
  height: auto;
  line-height: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.identity-picker-list-view > ul.items > li div.subtitle {
  color: #656565;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.mru-identity-picker.invalid,
.mru-identity-picker.invalid > .wrap > .text-wrapper > .mru-identity-picker-input,
.mru-identity-picker.invalid .wrap {
  background-color: #ffffcc;
}

.multi-mru-identity-picker {
  min-width: 400px;
  position: relative;
}

.multi-mru-identity-picker > ul.multi-mru-identity-picker-container {
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  margin: 0;
  padding: 0;
  max-height: 300px;
  border: 1px solid #e6e6e6;
}

.multi-mru-identity-picker > ul.multi-mru-identity-picker-container > li {
  list-style: none;
  float: left;
  margin: 0;
  padding: 0;
}

.multi-mru-identity-picker > ul.multi-mru-identity-picker-container > li.selection {
  background-color: lightblue;
  padding: 0px 3px;
  margin: 1px 2px;
}

.multi-mru-identity-picker > ul.multi-mru-identity-picker-container > li.picker-item {
  width: 200px;
}

.multi-mru-identity-picker > ul.multi-mru-identity-picker-container > li.picker-item > .mru-identity-picker {
  height: 18px;
}

.multi-mru-identity-picker > ul.multi-mru-identity-picker-container > li.selection > .icon.icon-delete {
  cursor: pointer;
}

.multi-mru-identity-picker > ul.multi-mru-identity-picker-container > li.selection > .item-text {
  display: inline;
}

.multi-mru-identity-picker .mru-identity-picker {
  border: none;
  outline: none;
}

.multi-mru-identity-picker .mru-identity-picker > .wrap > .text-wrapper > .mru-identity-picker-input {
  border: none;
  width: 200px;
  outline: none;
}

.multi-mru-identity-picker > .multi-mru-list-container {
  position: absolute;
  right: 0;
  left: 0;
}

.multi-mru-identity-picker > .multi-mru-list-container > .identity-picker-list-view {
  top: 0;
}

/*****************************

 * Styles for the SavingRowManager

 *****************************/
.saving-row {
  color: #6D6D6D;
}

.saving-row-gutter {
  background: url("../../_content/saving-icon.gif") no-repeat 0 0 !important;
}

/* The 3 styles below are to switch off the context menu drop down icon

    when a row is saving */
.saving-row-gutter.grid-gutter-row-selected-blur .grid-gutter-drop {
  background: none !important;
}

.saving-row-gutter.grid-gutter-row-selected .grid-gutter-drop {
  background: none !important;
}

.saving-row-gutter .grid-gutter-drop:hover {
  background: none !important;
}

/* End SavingRowManager Styles */
/* Test Steps And Parameters Control*/
.automation-info {
  width: 100%;
  border: 1px solid #e6e6e6;
  margin-top: 5px;
  margin-bottom: 10px;
  padding: 3px 0px 3px 0px;
  min-height: 20px;
}

.icon-editor-font-teststep {
  border: 0px;
}

.test-steps-list {
  height: 100%;
}

.test-steps-list .grid-row {
  position: relative;
}

.shared-test-step {
  font-weight: bold;
  margin-left: 4px;
  margin-top: 4px;
  margin-bottom: 4px;
}

.test-steps-control-header {
  font-weight: bold;
}

.test-steps-parameters {
  margin-top: 15px;
}

.test-parameter-list .grid-header {
  text-transform: none;
}

.test-steps-multiline {
  overflow-y: auto;
  white-space: normal;
  padding: 0px;
  word-wrap: break-word;
}

.test-steps-multiline p {
  margin: 0px;
}

.testmanagement-suite-rename {
  position: absolute;
}

.test-steps-lastrow {
  font-style: italic;
}

.test-steps-list .grid-canvas {
  -moz-user-select: text;
}

.test-step-invalid.grid-cell {
  background-color: #ffc;
}

.mozilla-text-selection-blocker {
  -moz-user-select: none;
}

.drag-not-droppable-icon {
  height: 16px;
  width: 16px;
  position: absolute;
  display: none;
}

.test-steps-control .menu-item input {
  background-repeat: no-repeat;
}

.test-steps-control .menu-bar input.icon-test-step-editor-font-bold {
  background: url("../../_content/tfs-icons.png") no-repeat -1672px -8px !important;
}

.test-steps-control .menu-bar input.icon-test-step-editor-font-italic {
  background: url("../../_content/tfs-icons.png") no-repeat -1704px -8px !important;
}

.test-steps-control .menu-bar input.icon-test-step-editor-font-underline {
  background: url("../../_content/tfs-icons.png") no-repeat -1736px -8px !important;
}

.test-steps-control .menu-bar input.insert-parameter-button {
  background: url("../../_content/tfs-icons.png") no-repeat -5896px -8px !important;
}

.icon-test-step-editor-font-bold {
  background: url("../../_content/tfs-icons.png") no-repeat -1672px -8px !important;
}

.icon-test-step-editor-font-italic {
  background: url("../../_content/tfs-icons.png") no-repeat -1704px -8px !important;
}

.icon-test-step-editor-font-underline {
  background: url("../../_content/tfs-icons.png") no-repeat -1736px -8px !important;
}

.insert-parameter-button {
  background: url("../../_content/tfs-icons.png") no-repeat -5896px -8px !important;
}

.test-steps-control .menu-bar .menu-item.test-step-font-command,
.test-steps-control .menu-bar .menu-item.insert-parameter-command {
  padding: 0px;
  margin: 0px;
}

.test-steps-control .menu-bar .menu-item.disabled .insert-parameter-button {
  cursor: default;
  color: #aaa;
}

.test-steps-control .menu-bar .insert-parameter-button {
  cursor: pointer;
  padding: 10px;
  border: none;
  background-color: transparent;
}

.test-steps-control .grid-row-current .grid-cell div,
.test-steps-control .grid-row-current,
.test-steps-control .grid-row-selected {
  outline: none;
}

.test-steps-control .menu-bar .menu-item.test-step-font-command .icon,
.test-steps-control .menu-bar .menu-item.insert-parameter-command .icon {
  height: 31px;
  width: 36px;
  padding: 0px;
  cursor: pointer;
}

.test-steps-control .menu-bar .menu-item.test-step-font-command.hover input.icon,
.test-steps-control .menu-bar .menu-item.insert-parameter-command.hover input.icon {
  background-color: #D4E5F5;
}

.test-steps-control .grid-header .grid-header-column {
  text-transform: none;
}

.test-steps-control .attachment-column-text {
  margin-right: 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}

.test-steps-control .attachment-delete-icon {
  cursor: pointer;
  margin-left: 2px;
}

.test-steps-control .test-parameter-list .parameter-delete-icon {
  position: absolute;
  top: 4px;
  right: 0px;
  cursor: pointer;
  margin-right: 8px;
  margin-left: 2px;
}

.test-steps-control .attachment-content {
  table-layout: fixed;
}

.test-parameter-list .grid-header-column {
  text-transform: none;
  border: none;
}

.test-parameter-list .grid-header-column .title.editable-param-name {
  outline: none;
  outline-offset: 0px;
  margin: 0px;
  font-size: 12px;
  color: #8C8C8C;
  width: 100%;
  padding-right: 2px;
  border: solid 1px;
}

.test-parameter-list .grid-header-column .title {
  padding-right: 23px;
  top: 0px;
  bottom: 0px;
}

.test-parameter-list .grid-header-column div.title .parameter-delete-icon {
  display: none;
}

.test-parameter-list .grid-header-column div.title:hover .parameter-delete-icon {
  display: block;
}

.test-parameter-list .grid-header-column .title.editable-param-name.parameter-name-invalid {
  background-color: #FFC;
}

.test-steps-control .test-parameter-list .grid-canvas input.parameter-grid-cell {
  background-color: transparent;
  outline: none;
  border: 1px solid #e6e6e6;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 2px;
  padding: 4px;
  text-overflow: ellipsis;
}

.test-steps-control .test-parameter-list .grid-canvas .grid-row {
  position: relative;
}

.test-steps-control .toolbar {
  margin: 0px;
  float: left !important;
  width: 100% !important;
}

.shared-parameter-search-box {
  width: 100%;
}

.shared-parameter-search-box input {
  width: 100%;
  height: 25px;
  padding-right: 20px;
}

.shared-parameter-search-box .bowtie-search {
  position: absolute;
  right: 15px;
  top: 40px;
}

.shared-parameter-search-box .icon-drop {
  visibility: hidden;
}

.shared-parameter-search-results-grid {
  position: absolute;
  top: 64px;
  bottom: 50px;
  left: 8px;
  right: 0px;
}

.shared-parameter.test-parameter-list.grid.has-header .grid-canvas {
  top: 3.9em;
}

.test-steps-control .shared-parameter.test-parameter-list .parameter-delete-icon {
  top: 24px;
}

.shared-parameter.test-parameter-list .grid-header {
  height: 3.9em;
}

.shared-parameter.test-parameter-list .grid-header-column .title {
  height: 2.1em;
  padding-top: 4px;
  padding-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-parameter.test-parameter-list .grid-header-column .drop.combo > .drop {
  margin-right: 3px;
}

.shared-parameter.test-parameter-list .grid-header-column .title.editable-param-name {
  padding-top: 0px;
}

.shared-param-hyperlinks-container a {
  margin-right: 5px;
  max-width: 160px;
}

.shared-param-hyperlinks-container .separator {
  width: 1px;
  background-color: #cccccc;
  height: 1em;
  border-left: 1px solid transparent;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 4px;
  display: inline-block;
}

.shared-param-hyperlinks-container .shared-param-paramnames,
.shared-param-hyperlinks-container a {
  height: 18px;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-param-hyperlinks-container .shared-param-paramnames {
  max-width: 350px;
}

.create-test-artifact-value-cell {
  width: 100%;
}

.create-test-artifact-title-cell {
  min-width: 50px;
}

.simple-query-editor {
  position: relative;
  height: 100%;
  width: 100%;
}

.simple-query-editor .link-types label {
  display: inline;
}

.simple-query-editor-status {
  padding-top: 10px;
  padding-left: 10px;
  font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
  font-weight: 200;
  font-size: 14px;
}

.simple-query-editor-status.invalid {
  color: #d00;
}

.simple-query-editor .suite-name-input-label {
  margin-top: 0px;
  margin-right: 6px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.simple-query-editor {
  position: relative;
  height: 100%;
  width: 100%;
}

.simple-query-editor .suite-name-input-table {
  margin-left: 20px;
}

.test-artifact-name-input, .simple-query-editor .suite-name-input {
  border: 1px solid #dddddd;
  outline: none;
  padding: 2px;
  width: 100%;
}

.test-artifact-name-input.invalid, .simple-query-editor suite-name-input.invalid {
  background-color: #FFC;
  color: #666;
  font-style: italic;
}

/* End Test Steps And Parameters Control*/
.rendered-markdown body,
.rendered-markdown html {
  font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
  height: 100%;
  font-size: 13px;
  line-height: 20px;
}

.rendered-markdown body {
  position: relative;
  padding-top: 50px;
}

.rendered-markdown h1,
.rendered-markdown h2,
.rendered-markdown h3,
.rendered-markdown h4,
.rendered-markdown h5,
.rendered-markdown h6 {
  color: #007acc;
  font-weight: 400;
}

.rendered-markdown h1 {
  border-bottom: 1px solid #e6e6e6;
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 20px;
}

.rendered-markdown h2 {
  font-size: 18px;
  border-bottom: 1px solid #e6e6e6;
  font-weight: 600;
  color: #303030;
  margin-bottom: 10px;
  margin-top: 20px;
}

.rendered-markdown h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}

.rendered-markdown h4 {
  font-size: 14px;
  margin-bottom: 10px;
}

.rendered-markdown h5 {
  font-size: 12px;
  margin-bottom: 10px;
}

.rendered-markdown h6 {
  font-size: 12px;
  font-weight: 300;
  margin-bottom: 10px;
}

.rendered-markdown.metaitem {
  font-size: 12px;
  padding-top: 15px;
}

.rendered-markdown.metavalue {
  font-size: 12px;
  padding-left: 4px;
}

.rendered-markdown.metavalue > img {
  height: 32px;
  width: 32px;
  margin-bottom: 3px;
  padding-left: 1px;
}

.rendered-markdown li.metavaluelink {
  list-style-type: disc;
  list-style-position: inside;
}

.rendered-markdown li.metavalue > a {
  border: none;
  padding: 0px;
  display: inline;
}

.rendered-markdown li.metavalue > a:hover {
  background-color: inherit;
  text-decoration: underline;
}

.rendered-markdown code,
.rendered-markdown kbd,
.rendered-markdown pre,
.rendered-markdown samp {
  font-family: Monaco, Menlo, Consolas, "Droid Sans Mono", "Inconsolata", "Courier New", monospace;
}

.rendered-markdown code {
  color: #333333;
  background-color: #f8f8f8;
  border: 1px solid #cccccc;
  border-radius: 3px;
  padding: 2px 4px;
  font-size: 90%;
  line-height: 2;
  white-space: nowrap;
}

.rendered-markdown pre {
  color: #333333;
  background-color: #f8f8f8;
  border: 1px solid #cccccc;
  display: block;
  padding: 6px;
  font-size: 13px;
  word-break: break-all;
  word-wrap: break-word;
}

.rendered-markdown pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  line-height: 1.428571429;
  border: none;
}

.rendered-markdown.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.rendered-markdown table {
  border-collapse: collapse;
}

.rendered-markdown table {
  width: auto;
}

.rendered-markdown table,
.rendered-markdown th,
.rendered-markdown td {
  border: 1px solid #cccccc;
  padding: 4px;
}

.rendered-markdown th {
  font-weight: bold;
  background-color: #f8f8f8;
}

/* PopupMenu CSS */
.popup-menu-icon-area {
  width: 35px;
  height: 100%;
}

/* Notifications CSS */
.notification-icon-area {
  width: 35px;
  height: 100%;
}

.notification-icon-area-with-text {
  width: auto;
  padding-left: 25px !important;
}

.notification-icon-area-image {
  position: absolute;
  right: 5px;
  top: 9px;
  cursor: pointer;
}

.notification-icon-area-text {
  text-decoration: none !important;
  padding-left: 5px;
  padding-right: 5px;
  text-align: right;
  color: #ffffff;
  cursor: pointer;
}

.notification-area-popup {
  max-width: none;
  padding: 0px !important;
  top: 31px !important;
  width: 380px;
}

.notification-area-popup-shown {
  display: block !important;
}

.notification-no-new-messages {
  display: block;
  text-align: center;
  margin-top: 25px;
  margin-bottom: 25px;
  color: #6D6D6D;
}

.notification-grid {
  position: relative;
  border-bottom: 5px solid #007acc;
}

.notification-grid .big-status-progress {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  margin-bottom: 5px;
}

.notification-grid .grid-canvas {
  background-color: #ffffff;
}

.notification-grid .grid-row {
  width: 100% !important;
}

.notification-grid-cell {
  white-space: normal;
  height: 100%;
  padding-top: 5px;
}

.notification-grid-cell-table {
  height: 100%;
}

.notification-grid-cell-image-container {
  padding-left: 5px;
  padding-right: 10px;
  vertical-align: top;
}

.notification-grid-cell-image {
  height: 26px;
  width: 26px;
}

.notification-grid-cell-vertical-divider {
  width: 5px;
  height: 100%;
  display: block;
}

.notification-grid-cell-data {
  padding-left: 10px;
  padding-right: 10px;
  line-height: 1.5;
}

.notification-grid-cell-data-message {
  position: absolute;
  top: 5px;
  height: 60px;
  overflow: hidden;
}

.notification-grid-cell-data-timestamp {
  color: #CCC;
  position: absolute;
  bottom: 5px;
}

.notification-grid-cell-lower-seperator {
  height: 10px;
  padding-top: 5px;
  border-bottom: 1px solid #cccccc;
  width: 100%;
}

.notification-work-item-background {
  background-color: #009CCC;
}

.notification-work-item-icon {
  background: url("../../_content/service-icons.png") no-repeat -234px -26px !important;
}

.notification-work-item-icon {
  display: block;
  background-color: #009CCC !important;
}

.notification-pull-request-background {
  background-color: #68217A;
}

.notification-pull-request-icon {
  background: url("../../_content/service-icons.png") no-repeat -182px -26px !important;
}

.notification-pull-request-icon {
  display: block;
  background-color: #68217A !important;
}

.notification-team-room-background {
  background-color: #F2700F;
}

.notification-team-room-icon {
  background: url("../../_content/service-icons.png") no-repeat -78px -26px !important;
}

.notification-team-room-icon {
  display: block;
  background-color: #F2700F !important;
}

.sidebar-search .search-input-wrapper {
  position: relative;
  border: 1px solid #e6e6e6;
  background-color: #ffffff;
  height: 24px;
  margin: 10px 2px 0 16px;
}

.sidebar-search .search-input-container {
  position: absolute;
  top: 2px;
  left: 2px;
  right: 20px;
  bottom: 0;
}

.sidebar-search .search-input-container .input {
  outline: none;
  border: 0;
  width: 100%;
  height: 100%;
}

.sidebar-search .button {
  position: absolute;
  top: 0.3em;
  right: 2px;
  cursor: pointer;
}

.tile-zone {
  float: left;
  margin: 0;
  padding: 0;
  width: 640px;
}

.tile-zone-home {
  margin-top: 20px;
}

.tile-zone-header {
  margin-top: 20px;
  clear: both;
}

.tiles-container {
  width: 640px;
}

.tile {
  position: relative;
  float: left;
  font-size: 12px;
  width: 152px;
  height: 152px;
  margin-right: 8px;
  margin-bottom: 8px;
  padding: 6px;
  background-color: #1BA1E2;
  border: none;
  overflow: hidden;
}

.tile-info-message {
  float: right;
  line-height: 16px;
  padding-top: 6px;
}

.tile.double {
  width: 312px;
}

.tile.double-square {
  width: 312px;
  height: 312px;
  background-color: #fff;
}

.tile .menu.sub-menu > .menu-item {
  color: #000000;
}

.tile .menu.sub-menu > .menu-item.disabled {
  cursor: default;
  color: #6D6D6D;
}

.tile > .loading {
  margin-top: 2.5em;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 16px;
  color: #cccccc;
}

.tile.error {
  background-color: #FF0000;
  color: #ffffff;
  padding: 5px;
}

.tile.error .ellipsis-menubar.menu-bar {
  background-color: #FF0000;
}

.tile.lightweight-chart-tile.error,
.tile.lightweight-chart-tile.error > a,
.tile.lightweight-chart-tile.error.chartHover {
  background-color: #F1F1F1;
  color: #000000;
}

.tile.error a {
  overflow: hidden;
  white-space: nowrap;
  word-wrap: break-word;
}

.tile.error p {
  margin-top: 10px;
  white-space: normal;
}

.tile > a {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: #ffffff;
}

.tile > a:hover {
  text-decoration: none;
}

.tile .header {
  position: absolute;
  top: 7px;
  right: 11px;
  left: 11px;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.tile .content {
  position: absolute;
  top: 20px;
  right: 11px;
  left: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
  font-weight: 200;
  font-size: 72px;
}

.tile.double .content {
  position: absolute;
  top: auto;
  right: 6px;
  bottom: 42px;
  left: 6px;
  font-size: 12px;
}

.tile.lightweight-chart-tile.chartHover {
  background-color: #F4F4F4;
}

.tile .footer {
  position: absolute;
  right: 11px;
  bottom: 20px;
  left: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  font-size: 12px;
}

.tile .ellipsis-menubar {
  padding: 0;
  float: right;
  margin: 0;
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 100;
}

.tile .status-indicator.center > .status table {
  color: #000000;
  white-space: normal;
}

.tile.lightweight-chart-tile {
  cursor: pointer;
  background-color: #F1F1F1;
  padding: 1px;
}

.tile .chart-instance.chartpin {
  cursor: pointer;
  position: absolute;
  top: 27px;
}

.pivot-chart.chart-instance.chartpin {
  top: 42px;
  z-index: 2;
  /*Fix for Chrome where z-index of menu on pivot table is not honored.*/
}

/*Responsive Grid Control Styles*/
.responsive-grid {
  width: 1280px;
  margin: 0;
}

.grid-item-hidden {
  display: none;
}

.responsive-grid .section1 {
  width: 640px;
  float: left;
  margin: 0;
}

.responsive-grid .section2 {
  width: 320px;
  float: left;
  margin: 0;
}

.responsive-grid .section3 {
  width: 320px;
  float: left;
  margin: 0;
}

.responsive-grid .grid-cell {
  display: inline-block;
}

.responsive-grid .grid-cell .grid-list {
  padding-left: 0;
  margin-bottom: 0;
}

.responsive-grid .grid-list .icon.close-icon {
  position: absolute;
  top: 12px;
  right: 5px;
  cursor: pointer;
}

.responsive-grid .grid-list .icon.close-icon:before {
  left: 3px;
  top: -2px;
}

.responsive-grid .grid-cell .icon.icon-info-white {
  position: absolute;
  top: 12px;
  right: 5px;
}

.responsive-grid .grid-cell .grid-cell-title {
  font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
  font-weight: 200;
  font-size: 18px;
  padding-bottom: 5px;
  padding-right: 3px;
  margin-bottom: 4px;
  margin-left: 4px;
  border-bottom: 1px solid #e6e6e6;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.responsive-grid .grid-cell .grid-cell-title .cell-title {
  float: left;
}

.responsive-grid .grid-list .grid-cell-title .actionlink {
  font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
  font-size: 12px;
  line-height: 12px;
  padding-top: 10px;
  float: right;
}

.responsive-grid .grid-cell .grid-cell-item-subTitle {
  font-size: 12px;
  color: #656565;
  margin-top: 1px;
  display: block;
}

.responsive-grid .grid-cell .grid-cell-item:nth-of-type(2) {
  padding-top: 0;
}

.responsive-grid .grid-cell .grid-cell-item {
  padding: 0;
  margin-left: 4px;
  padding-top: 5px;
}

.responsive-grid .grid-cell .no-item-message {
  white-space: normal;
  font-size: 12px;
  color: #656565;
  padding-left: 4px;
}

.responsive-grid .grid-cell .grid-cell-item .icon-container {
  height: 30px;
  width: 30px;
  margin-top: 6px;
  display: inline-block;
}

.responsive-grid .grid-cell .grid-cell-item .icon-container .icon {
  margin: 7px;
}

.responsive-grid .grid-cell .grid-cell-item .grid-cell-item-text {
  margin-left: 11px;
  font-size: 12px;
  vertical-align: top;
  display: inline-block;
}

.responsive-grid .grid-cell .grid-cell-item .grid-cell-item-title {
  font-weight: normal;
  font-size: 16px;
  vertical-align: top;
  display: inline-block;
  max-width: 230px;
}

.responsive-grid .grid-cell .grid-cell-item .grid-cell-item-title a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  display: block;
}

.responsive-grid .grid-cell .grid-cell-item .simple-list-item-text {
  margin-left: 0;
  vertical-align: top;
  font-size: 12px;
  display: inline-block;
}

.responsive-grid .grid-cell .grid-cell-item .simple-list-item-text .grid-cell-item-title {
  font-weight: normal;
  font-size: 12px;
}

.responsive-grid .grid-cell .grid-cell-item.simplelist {
  padding-top: 2px;
}

.responsive-grid .grid-cell .grid-cell-item.simplelist:nth-of-type(2) {
  padding-top: 0;
}

.responsive-grid .grid-cell .context-button-container {
  display: inline-block;
  margin-left: 4px;
}

.responsive-grid .grid-cell .padding-after-header {
  padding-bottom: 10px;
}

.responsive-grid .grid-cell .context-button:link {
  margin-right: 15px;
  text-decoration: none;
}

.responsive-grid .grid-cell .context-button:hover {
  text-decoration: underline;
}

.responsive-grid .grid-cell .hgrid-table .hgrid-cell-item {
  padding: 0;
  vertical-align: top;
}

.responsive-grid .grid-cell .hgrid-table .grid-cell-bgfill {
  white-space: normal;
  width: 152px;
  height: 115px;
  margin-right: 8px;
  color: #ffffff;
}

.responsive-grid .grid-cell .hgrid-table .grid-cell-bgfill > a {
  padding: 11px;
  padding-top: 5px;
  width: 100%;
  height: 100%;
  display: block;
  color: #ffffff;
}

.responsive-grid .grid-cell .hgrid-table .grid-cell-bgfill.DefaultTileClass {
  background-color: #68217A;
}

.responsive-grid .grid-cell .hgrid-table .grid-cell-bgfill.code {
  background-color: #68217A;
}

.responsive-grid .grid-cell .hgrid-table .grid-cell-bgfill.test {
  background-color: #007ACC;
}

.responsive-grid .grid-cell .hgrid-table .grid-cell-bgfill.build {
  background-color: #748189;
}

.responsive-grid .grid-cell .hgrid-table .grid-cell-bgfill.work {
  background-color: #009CCC;
}

.responsive-grid .grid-cell .hgrid-cell-item .grid-cell-item-title {
  font-size: 16px;
  font-weight: normal;
}

.responsive-grid .grid-cell .hgrid-cell-item .grid-cell-item-subTitle {
  font-size: 12px;
  color: #ffffff;
  line-height: 16px;
  margin-top: 5px;
}

.responsive-grid .grid-cell .hgrid-cell-item .icon {
  position: absolute;
  right: 11px;
  bottom: 11px;
}

.responsive-grid .grid-cell .hgrid-cell-item a:hover {
  text-decoration: none;
}

.responsive-grid .sprint-capacity-summary-control .progress-text {
  font-size: 16px;
}

@media only screen and (min-width: 0px) and (max-width: 999px) {
  .responsive-grid {
    width: 640px;
  }
}

@media only screen and (min-width: 1000px) and (max-width: 1320px) {
  .responsive-grid {
    width: 960px;
  }
  .responsive-grid .section3 {
    width: auto;
    max-width: 960px;
    float: none;
  }
}

/* Used for displaying iframes that fill their container*/
.iframe-control iframe {
  position: absolute;
  height: 100%;
  width: 100%;
  border: none;
  overflow: hidden;
}

/**

  * Used for displaying related artifacts

  */
.ra-control {
  min-width: 300px;
  clear: both;
}

.ra-headers {
  float: left;
  padding-right: 10px;
}

/* Override original padding */
.ra-control .artifact-work-item-summary {
  padding-top: 0px;
}

.ra-row {
  line-height: 20px;
  height: 25px;
}

.ra-expand-no-icon {
  padding-left: 16px;
}

.ra-contents .ra-row:hover:not(.ra-summary) > div {
  background-color: #F2F7FD;
}

.ra-content {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ra-right {
  float: right;
  width: 150px;
}

.ra-remove-button {
  width: 21px;
  float: right;
  padding-right: 5px;
  cursor: pointer;
  visibility: hidden;
}

.ra-remove-button .icon {
  opacity: 0.5;
}

.ra-remove-button:hover .icon {
  opacity: 1;
}

.ra-row:hover .ra-remove-button {
  visibility: visible;
}

/* Formatting */
.ra-content .ra-title {
  padding-left: 4px;
  padding-right: 4px;
}

.ra-group-expand, .ra-group-collapse, .ra-group-header {
  cursor: pointer;
}

.ra-id {
  color: grey;
  padding-left: 7px;
}

.ra-title a {
  color: #000;
}

.ra-row:hover .ra-title a {
  color: #007acc;
}

.ra-state {
  color: grey;
  margin-left: 4px;
  width: 112px;
}

.ra-state-icon {
  background-size: 100%;
}

.ra-collapse {
  display: none;
}

.ra-icon-placeholder {
  width: 16px;
  height: 16px;
  display: inline-block;
}

.ra-show-more-container {
  display: inline-block;
}

.ra-show-more {
  display: inline-block;
  cursor: pointer;
  color: #007acc;
  padding-right: 5px;
}

.ra-shown-count {
  display: inline-block;
  color: #999;
}

.ra-not-shown-count {
  overflow: hidden;
  display: inline-block;
  color: #999;
  padding-top: 6px;
  text-overflow: ellipsis;
}

.ra-show-more:hover {
  text-decoration: underline;
}

/* Related Artifacts List Control */
.ra-item {
  padding: 4px 0;
  position: relative;
}

.ra-item-wrapper {
  /* Reserve space for delete button */
  margin-right: 20px;
}

.ra-item:not(:last-child) {
  margin-bottom: 2px;
}

.ra-item:hover,
.ra-item-focus {
  background: #d4e5f5;
}

/* Clear any floating children */
.ra-item:after {
  content: "";
  display: table;
  clear: both;
}

/** Delete button */
.ra-item-delete {
  cursor: pointer;
  /* Match padding ra-item */
  position: absolute;
  top: 4px;
  right: 4px;
}

/* Show delete button(s) only on hover/focus */
.ra-item-delete span {
  display: none;
}

/* Show grey icon on item hover or focus */
.ra-item:hover span.icon.default,
.ra-item-focus span.icon.default {
  display: inline-block;
}

/* Highlight icon in red on button hover, hide grey one */
.ra-item-delete:hover span.icon.highlight,
.ra-item-delete a:focus span.icon.highlight {
  display: inline-block;
}

.ra-item-delete:hover span.icon.default,
.ra-item-delete a:focus span.icon.default {
  display: none;
}

.ra-item:hover .ra-primary-data a,
.ra-item-focus .ra-primary-data a,
.ra-item:hover .ra-primary-data,
.ra-item-focus .ra-primary-data {
  color: #007acc;
}

.ra-item-wrapper .title {
  color: black;
}

.ra-item-wrapper .detail {
  color: #999999;
}

/* Default Artifact Renderer*/
/* Artifact icon */
.ra-primary-icon {
  float: left;
  width: 20px;
  height: 16px;
  padding-left: 1px;
}

.ra-primary-icon .icon {
  vertical-align: baseline;
}

.ra-artifact-data {
  margin-left: 20px;
}

.ra-primary-data {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 16px;
}

.ra-primary-data .ra-user-icon {
  padding-right: 4px;
  display: inline-block;
  height: 16px;
  vertical-align: top;
}

.ra-primary-data .ra-user-icon > img {
  width: 16px;
  height: 16px;
}

.ra-primary-data-id {
  color: #999999;
  padding-right: 3px;
  display: inline;
  vertical-align: top;
}

.ra-primary-data a,
.ra-primary-data a:visited {
  color: #000;
  vertical-align: top;
}

.ra-additional-data {
  overflow: hidden;
}

.ra-additional-data-item {
  color: #999999;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  vertical-align: top;
  height: 16px;
}

.ra-additional-data-item .ra-text {
  display: inline;
  vertical-align: top;
}

.ra-additional-data-item .icon {
  margin-bottom: 2px;
  margin-right: 2px;
}

.ra-action {
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}

.ra-color-bar {
  width: 6px;
  height: 16px;
  vertical-align: text-bottom;
}

.ra-primary-icon .ra-color-bar {
  display: block;
  margin: 0 auto;
}

.ra-additional-data .ra-color-bar {
  display: inline-block;
  vertical-align: text-top;
}

.ra-color-circle {
  width: 8px;
  height: 8px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}

.ra-primary-icon .ra-color-circle {
  display: block;
  margin: 4px auto 0 auto;
}

.ra-additional-data .ra-color-circle {
  display: inline-block;
  margin: 0 2px 1px 0;
  vertical-align: text-bottom;
}

/* End Default Artifact Renderer*/
.ra-progress-spinner {
  margin: auto;
  background: url("../../_content/progress-spinner.gif");
  height: 36px;
  width: 36px;
}

/* Error container */
.ra-error-container {
  display: inline-block;
  padding-bottom: 5px;
}

.ra-error-text {
  display: inline-block;
  vertical-align: middle;
}

.ra-error-icon {
  display: inline-block;
  padding-right: 20px;
  vertical-align: middle;
}

.ra-hidden {
  display: none;
}

.double-height-grid-row:hover {
  background-color: #F2F7FD;
}

.double-height-grid-row a,
.double-height-grid-row a:link,
.double-height-grid-row a:visited {
  color: black;
}

.double-height-grid-row:hover a,
.double-height-grid-row:hover a:link,
.double-height-grid-row:hover a:visited {
  color: #007acc;
}

.double-height-grid-row .action-icon {
  padding: 1px 0px 0px 0px;
  margin: 0px 0px 0px 10px;
  width: 32px;
  height: 32px;
  display: inline-block;
  vertical-align: middle;
}

.double-height-grid-row .action-icon > .icon {
  font-size: 18px;
  line-height: 32px;
  width: 32px;
  height: 32px;
  display: none;
  cursor: pointer;
}

.double-height-grid-row .action-icon > .icon.visible {
  display: inline-block;
}

.double-height-grid-row:hover .action-icon > .icon {
  display: inline-block;
  color: #007acc;
}

.double-height-grid-row .popup-menu-trigger.menu-visible {
  color: #78B9E4;
  background-color: white;
  display: inline-block;
}

.double-height-grid-row .action-icon > .icon:hover,
.double-height-grid-row .action-icon .popup-menu-trigger:hover {
  color: white;
  background-color: #78B9E4;
}

/***** End Controls *****/
/* Used for displaying iframes that fill their container*/
/***** Begin Statistics Area *****/
.activity-stats-view .activity-stats-container {
  position: absolute;
  top: 3em;
  bottom: 0;
  left: 1.3em;
  right: 0;
  overflow: hidden;
}

.activity-stats-view .activity-stats-container:hover {
  overflow: auto;
}

.activity-stats-view .activity-stats-toolbar {
  margin-left: 1.3em;
  border-top: 1px solid transparent;
}

.activity-stats-view .no-data-message {
  font-style: italic;
  color: #6d6d6d;
  margin-left: 1.3em;
  margin-top: 1em;
}

.activity-stats-grid {
  margin-left: 15px;
}

.activity-stats-view .axis path, .activity-stats-view .axis line {
  fill: none;
  stroke: black;
  shape-rendering: crispEdges;
}

.activity-stats-view .activity-stats-list-item {
  color: #007acc;
  text-decoration: none;
  cursor: pointer;
}

/***** End Diagnostics Area *****/
/***** Begin Discussion Area *****/
.discussion-thread {
  position: relative;
}

.discussion-thread .comment-arrow {
  position: absolute;
  top: 0;
  left: 0;
  width: 8px;
  height: 6px;
  z-index: 100;
}

.discussion-thread,
.discussion-thread .discussion-comment .edit-area {
  font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
  font-size: 12px;
  line-height: 15px;
  white-space: pre-wrap;
}

.discussion-thread .comments-container {
  position: relative;
  background-color: #f6f6f6;
  border: 1px solid #cccccc;
  top: 5px;
  padding-left: 2px;
  padding-right: 5px;
}

.discussion-thread:hover .comments-container {
  border-left-color: #cccccc;
  border-left-width: 3px;
  padding-left: 0px;
}

.discussion-thread.selected-thread .comments-container {
  border-left-color: #80C0F0;
  border-left-width: 3px;
  padding-left: 0px;
}

.discussion-thread .discussion-comment-separator {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #cccccc;
}

.discussion-thread .discussion-comment {
  position: relative;
  margin-top: 5px;
  margin-bottom: 4px;
}

.discussion-thread .discussion-comment .thread-expander {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  display: none;
  cursor: pointer;
}

.discussion-thread.expanded .discussion-comment .thread-expander,
.discussion-thread.collapsed .discussion-comment .thread-expander {
  display: block;
}

.discussion-thread.expanded .discussion-comment .thread-expander {
  background: url("../../_content/tfs-icons.png") no-repeat -7728px 50% !important;
}

.discussion-thread.collapsed .discussion-comment .thread-expander {
  background: url("../../_content/tfs-icons.png") no-repeat -7600px 50% !important;
}

.discussion-thread.collapsed .discussion-comment.non-root-comment {
  display: none;
}

.discussion-thread.collapsed .discussion-comment-separator {
  display: none;
}

.discussion-thread .discussion-comment .picture-column {
  position: absolute;
  top: 0;
  left: 15px;
  width: 32px;
  height: 32px;
}

.discussion-thread .discussion-comment.non-root-comment {
  margin-left: 20px;
}

.discussion-thread .discussion-comment .picture-column .identity-picture {
  width: 32px;
  height: 32px;
}

.discussion-thread .discussion-comment .comment-column {
  margin-left: 52px;
}

.discussion-thread .discussion-comment .comment-container {
  position: relative;
  margin-right: 84px;
}

.discussion-thread .discussion-comment .comment-actions {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
}

.discussion-thread .discussion-comment:hover .comment-actions,
.discussion-thread .discussion-comment.selected-comment .comment-actions {
  display: block;
}

.discussion-thread .discussion-comment .discussion-status-menu,
.discussion-thread .discussion-comment .discussion-create-work-item-menu {
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 0px;
  padding-bottom: 0px;
  vertical-align: bottom;
}

.discussion-thread .discussion-comment .dropdown-action .menu-bar {
  display: inline;
}

.discussion-thread .discussion-comment .edit-area {
  width: 100%;
  padding: 1px 3px;
  border: 1px solid transparent;
  resize: none;
  overflow: hidden;
  outline: none;
  background-color: #f6f6f6;
}

.discussion-thread .discussion-comment .edit-area.mirror {
  position: absolute;
  height: 0px;
  left: -999999px;
}

.discussion-thread .discussion-comment.editable .comment-container:hover .edit-area,
.discussion-thread .discussion-comment.editable .edit-area:focus {
  border-color: #cccccc;
  background-color: #ffffff;
}

.discussion-thread .discussion-comment.editable.is-dirty .comment-container:hover .edit-area,
.discussion-thread .discussion-comment.editable.is-dirty .edit-area {
  border-color: #80C0F0;
  background-color: #ffffff;
}

.discussion-thread .discussion-comment-status {
  color: #6D6D6D;
  padding-left: 4px;
  width: 100%;
  overflow: hidden;
  /*setting line height to 16px to accommodate 16x16px drop icon*/
  line-height: 16px;
}

.discussion-thread .discussion-comment .disabled-link {
  color: #6D6D6D;
  cursor: text;
}

.discussion-thread .discussion-comment .disabled-link:hover {
  text-decoration: none;
}

.discussion-thread .discussion-comment .discussion-action.view-mode,
.discussion-thread .discussion-comment.is-dirty .discussion-action.edit-mode {
  display: inline;
}

.discussion-thread .discussion-comment.is-dirty .discussion-action.view-mode,
.discussion-thread .discussion-comment .discussion-action.edit-mode {
  display: none;
}

.discussion-thread .discussion-comment .discussion-action.reply-comment-action {
  display: none;
}

.discussion-thread .discussion-comment.is-leaf .discussion-action.reply-comment-action {
  display: inline;
}

.discussion-thread .status-action {
  float: right;
  max-width: 100%;
}

.discussion-thread .dropdown-action .menu-bar > .menu-item.focus {
  outline: none;
}

.discussion-thread .dropdown-action .menu-bar .menu {
  min-width: 1px;
}

.discussion-thread A {
  color: #007acc;
  text-decoration: none;
  cursor: pointer;
}

.discussion-thread A:hover {
  color: #007acc;
  text-decoration: underline;
}

.discussion-thread A:visited {
  color: #007acc;
}

.discussion-thread A:active {
  color: #007acc;
}

.discussion-thread .discussion-action:before {
  content: ' - ';
}

.discussion-thread .comment-arrow {
  background: url("../../_content/icon-comment-arrow.png") no-repeat 0px 0px !important;
}

.add-comment-background-icon {
  background: url("../../_content/tfs-icons.png") no-repeat -912px 50% !important;
}

.discussion-thread .menu-item .delete-comment-action {
  width: 16px;
  height: 16px;
  overflow: hidden;
  vertical-align: middle;
  display: inline-block;
  background: url("../../_content/tfs-icons.png") no-repeat -1296px -14px !important;
}

.discussion-thread .menu-item > .icon.comment-work-item-action {
  width: 16px;
  height: 16px;
  overflow: hidden;
  vertical-align: middle;
  display: inline-block;
  margin-right: 0;
  background: url("../../_content/tfs-icons.png") no-repeat -7440px -16px !important;
}

.code-analysis-warning-icon {
  background: url("../../_content/warning.png") no-repeat 0 0 !important;
}

.code-analysis-resolved-icon {
  background: url("../../_content/checkmark-green.png") no-repeat 0 0 !important;
}

/***** End Discussion Area *****/
/***** End Site styles *****/


/*icons.tt file is auto generated by image sprite generator during build*/
/************* AUTO-GENERATED FILE, DO NOT HAND EDIT *************/
/*** Icon strips are generated one after the other based on files checked in the source tree ***/
/*** First line of each icon-block is path to the image file, eg. icons["icon-open"]     = ContentPath("icons.png"); ***/
/*** Second line is co-ordinates of the icon within the image file, eg. iconCoordinates["icon-open"]     = new []{16, 0, 16, 16}; ***/
/*** Third/Last line is defining the icon style, eg. iconStyles["icon-open"]     = Icon("icon-open"); ***/







/*icons.tt file is auto generated by image sprite generator during build*/
/************* AUTO-GENERATED FILE, DO NOT HAND EDIT *************/
/*** Icon strips are generated one after the other based on files checked in the source tree ***/
/*** First line of each icon-block is path to the image file, eg. icons["icon-open"]     = ContentPath("icons.png"); ***/
/*** Second line is co-ordinates of the icon within the image file, eg. iconCoordinates["icon-open"]     = new []{16, 0, 16, 16}; ***/
/*** Third/Last line is defining the icon style, eg. iconStyles["icon-open"]     = Icon("icon-open"); ***/






/*This file is auto generated from base css file in ..\_index.css*/
/*This is the folder each area should put stylesheets.*/

/****** Begin Areas*****/

/****** Begin Work Item Tracking styles*****/



/****** Begin Work Item Area\Controls*****/


/****** Begin Work Item Area\Controls\Charts*****/

.query-charts-view > .chart-hosts-list {
    position: absolute;
    top: 38px;
    bottom: 0;
    overflow: auto;
    width: 100%;
}

.query-charts-info-bar .charts-title
{
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 500px;
    padding-right: 10px;
}

.ui-dialog .ui-dialog-content.advertisement-dialog {
    overflow: hidden;
}

.advertisement-dialog IFrame,
.advertisement-dialog div{
    width:100%;
    height:100%;
    border: 0px;
}

/***** End Work Item Area\Controls\Charts******/

    /****** Begin Work Item Area\Controls\WorkItem*****/

.workitemcontrol-label
{
    color: #999999;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;;
    display: block;
}

.label-text-control
{
    color: #999999;
    display: inline;
}

.wit-font-size-small
{
    font-size: 80%;
}

.wit-font-size-normal
{
    font-size: 100%;
}

.wit-font-size-large
{
    font-size: 150%;
    margin-bottom: 6px;
}

.wit-font-size-xlarge
{
    font-size: 200%;
    margin-bottom: 8px;
}

.wit-font-size-xxlarge
{
    font-size: 300%;
    margin-bottom: 12px;
}
.new-work-item-view
{
    outline: none;
}

table.witform-layout
{
    width: 100%;
    table-layout: fixed;
}

.witform-layout .group > td > table.content, .witform-layout .group > td > fieldset > table.content
{
    width: 100%;
}

.witform-layout .grid-group-container span.tfs-collapsible-text p
{
	display: inline;
}

.witform-layout .grid-group-container span.tfs-collapsible-text p.form-group-subtitle
{
	padding-left: 5px;
    padding-right: 5px;
	font-size: 14px;
}

/* this is to make sub header same color when hover over */
.witform-layout .grid-group-container .wit-form-group-header:not(.focus) span.tfs-collapsible-text  p.form-group-subtitle
{
	color: #999999;
}


.witform-layout .column > table.content
{
    width: 100%;
}

.witform-layout .tab-page > table.content
{
    width: 100%;
}

.witform-layout .control > td.label-cell
{
    width: 1%;
    white-space: nowrap;
    overflow: hidden;
}

.witform-layout .control > td.label-cell.left-label
{
    padding-right: 6px;
}

.witform-layout .control > td.control-cell
{
    min-width: 60px;
}

/*
  The following styles ensure the identity picker
  correctly changes its size based on the XML form font sizes
*/
.witform-layout .wit-font-size-large > .mru-identity-picker
{
    height:26px;
}

.witform-layout .wit-font-size-large .mru-identity-picker .img-container
{
    padding-top: 4px;
}

.witform-layout .wit-font-size-xlarge > .mru-identity-picker
{
    height:34px;
}

.witform-layout .wit-font-size-xlarge .mru-identity-picker .img-container
{
    padding-top: 8px;
}

.witform-layout .wit-font-size-xxlarge > .mru-identity-picker
{
    height:50px;
}

.witform-layout .wit-font-size-xxlarge .mru-identity-picker .img-container
{
    padding-top: 16px;
}

.witform-layout .work-item-form-coreContent-controls-container input
{
    font-size: 12px;
}

.witform-layout .work-item-form-tags
{
    float:left;
}

.witform-layout .work-item-form-tabs
{
    float:right;
    margin-right: 17px;
    bottom:0;
}

.witform-layout .clearing-div
{
    margin-right: 17px;
}

.witform-layout .work-item-form-tabs ul
{
    padding:0;
    margin:8px 0px 0px 0px;
}

.witform-layout work-item-form-tabs-toolbar
{
    border:none;
}

.witform-layout .work-item-form-tab:first-child
{
    border-left: 1px solid #e5e5e5;
}

.witform-layout .work-item-form-tab {
    display: inline-block;
    color: #656565;
    margin-left: -1px;
    font-size: 12px;
    margin-bottom: -1px;
    padding-top: 6px;
    padding-bottom: 6px;
    cursor: pointer;
    background-color: #f1f1f1;
    border: 1px solid #e5e5e5;
    border-left: none;
    margin-right: 1px;
    height: 32px;
    outline: none;
}

.witform-layout .work-item-form-tab:hover
{
    background-color: #F2F7FD;
}

.witform-layout .work-item-form-tab:focus
{
    background-color: #B8D6FB;
}

.witform-layout .selected-tab.work-item-form-tab:hover,
.witform-layout .selected-tab.work-item-form-tab:focus
{
    background-color: #fff;
}

.witform-layout .work-item-form-tab span
{
    text-decoration:none;
    display:inline-block;
    height:18px;
    padding:0 23px 0 23px;
}

.witform-layout .work-item-form-tab span.icon {
    height: 16px;
    padding: 0;
    margin: 0 0 0 12px;
}

.witform-layout .work-item-form-tab a.icon-tab
{
   margin-right: 12px;
}

.witform-layout .work-item-form-tab a.link-count,
.witform-layout .work-item-form-tab a.attachment-count
{
    text-decoration:none;
    color: #656565;
}


.witform-layout .work-item-form-tab.selected-tab a.link-count,
.witform-layout .work-item-form-tab.selected-tab a.attachment-count
{
    color:#007acc;
}

.witform-layout .work-item-form-tab.selected-tab
{
    background-color:white;
    border-bottom:1px solid white;
}

.witform-layout .work-item-form-tab.selected-tab span,
.witform-layout .work-item-form-tab.selected-tab a
{
    color: #007acc;
    text-decoration:none;
    text-shadow: 0.4px 0.4px 0px #007acc;
}

.witform-layout .work-item-form-tabs-toolbar
{
    display:inline-block;
}

.witform-layout .work-item-form-tabs-toolbar ul
{
    display:inline-block;
    list-style-type:none;
    list-style:none;
}

.work-item-form-main .combo input,
.work-item-form-main .mru-identity-picker input
{
    font-size: 14px;
}

.work-item-form-main .work-item-form-title .combo input
{
    font-size: 18px;
    height: 1.7em;
}

.work-item-form-main .mru-identity-picker div.img-container
{
    padding-top:2px;
}

/* Used to hide a control on the work item form.  This ensures
 * that the horizontal space the control takes up does not go away
 * when the control is collapsed.  Only the vertical space goes away.
 */
.control.collapsed > td > *
{
    height: 0px;
    overflow: hidden;
}

.control.collapsed > td
{
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.work-item-form-main-header
{
    border-left-style:solid;
    border-left-width:10px;
    border-left-color: #fff;
}

.work-item-form-main span.caption
{
    color: #888;
}

.work-item-form-main .info-text
{
    white-space:nowrap;
}

.work-item-form-main-captionheader
{
    font-family: Segoe UI Light, Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
    font-size: 14px;
    width: 100%;
    white-space: nowrap;
    padding-bottom: 5px;
    padding-left: 10px;
}

.work-item-form-main .invalid .info-text
{
    color: #d00;
}

.work-item-form-main
{
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.work-item-form-main .label-text-control
{
    white-space: normal;
}

.work-item-form .identity-picker-container
{
    border: 1px solid #e6e6e6;
}

.work-item-form-main .combo,
.work-item-form-main .mru-identity-picker,
.work-item-form.work-item-form-main .identity-picker-container
{
    border: 1px solid transparent;
    height: 2.0em;
}

.work-item-form-main .combo input,
.work-item-form-main .mru-identity-picker input
{
    text-overflow: ellipsis;
}

.work-item-form .identity-picker-container .identity-picker-search-box .identity-picker-resolved.identity-picker-resolved-single-search .identity-picker-resolved-close
{
    display: none;   /* this is a temporary hack till EA team gives us a better solution to hide the close icon */
}

.work-item-form-main .combo .drop,
.work-item-form-main .mru-identity-picker .drop,
.work-item-form-main .identity-picker-container .identity-picker-search-box .identity-picker-search-drop-icon
{
    visibility: hidden;
}

.work-item-form .identity-picker-container .identity-picker-search-box .identity-picker-resolved:focus
{
    background-color: initial;
}

.work-item-form-main .combo.drop .wrap,
.work-item-form-main .mru-identity-picker.drop .wrap
{
    right: 0;
}

.work-item-form-main .work-item-control.identity-picker-container
{
    padding: 0;
    margin-right: 10px;
    margin-bottom: 5px;
    padding-top: 1px;
}

.work-item-form-main .work-item-control.identity-picker-container .identity-picker-resolved
{
    font-size: 14px;
    line-height: 18px;
}

.work-item-form-main .work-item-control.identity-picker-container .identity-picker-input
{
    font-size: 14px;
    line-height: 18px;
    height: 20px;
}

.work-item-form.work-item-form-main .identity-picker-container .identity-picker-resolved img
{
    height: 18px;
    width: 18px;
}

.work-item-form .identity-picker-container.invalid
{
    background-color: #ffffcc;
}

.work-item-form-main .combo.focus,
.work-item-form-main .combo:focus,
.work-item-form-main .combo:hover,
.work-item-form-main .mru-identity-picker.focus,
.work-item-form-main .mru-identity-picker:focus,
.work-item-form-main .mru-identity-picker:hover,
.work-item-form-main .identity-picker-container.focus,
.work-item-form-main .identity-picker-container:hover
{
    border: 1px solid #e6e6e6;
}

.work-item-form-main .combo.readonly.focus,
.work-item-form-main .combo.readonly:focus,
.work-item-form-main .combo.readonly:hover,
.work-item-form-main .mru-identity-picker.readonly.focus,
.work-item-form-main .mru-identity-picker.readonly:focus,
.work-item-form-main .mru-identity-picker.readonly:hover,
.work-item-form-main .identity-picker-container.readonly.focus,
.work-item-form-main .identity-picker-container.readonly:hover
{
    border-color: #fff;
}

.work-item-form-main .combo.focus .drop,
.work-item-form-main .combo:focus .drop,
.work-item-form-main .combo:hover .drop,
.work-item-form-main .mru-identity-picker.focus .drop,
.work-item-form-main .mru-identity-picker:focus .drop,
.work-item-form-main .mru-identity-picker:hover .drop,
.work-item-form-main .identity-picker-container.focus .identity-picker-search-box .identity-picker-search-drop-icon,
.work-item-form-main .identity-picker-container:hover .identity-picker-search-box .identity-picker-search-drop-icon
{
    visibility: visible;
}

.work-item-form-main .combo.drop.focus .wrap,
.work-item-form-main .combo.drop:focus .wrap,
.work-item-form-main .combo.drop:hover .wrap,
.work-item-form-main .mru-identity-picker.drop.focus .wrap,
.work-item-form-main .mru-identity-picker.drop:focus .wrap,
.work-item-form-main .mru-identity-picker.drop:hover .wrap
{
    right: 20px;
}

.work-item-form-headerContent
{
    padding-left:10px;
    width:100%;
}

.work-item-control
{
    display:inline-block;
    padding-bottom:5px;
}

.work-item-form-main .work-item-form-main-header .work-item-form-headerContent .label-control
{
    display:none;
}

.label-control
{
    padding-bottom:1px;
    padding-right:6px;
}

.work-item-form-withblock-floatright
{
    display:inline-block;
    min-width:14%;
    float:right;
    text-align:right;

}

.work-item-form-id
{
    font-size: 18px;
    padding-right:10px;
    float:left;
    line-height: 1.8em;
}

.work-item-form-title
{
    font-size: 18px;
    color: #000000;
    padding-right: 10px;
    width: auto;
    display: block;
    overflow: hidden;
    text-overflow:ellipsis;
}

.work-item-form-title combo
{
    height:32px;
}

.work-item-form-main .work-item-form-main-header .work-item-form-headerContent .copy-workitem-title-container
{
    position: absolute;
top: 8px;
right: 20px;

    z-index: 10;
}

.work-item-form-main .work-item-form-main-header .work-item-form-headerContent .copy-workitem-title-container span.icon
{
    display: none;
    cursor: pointer;
}

.work-item-form-main .work-item-form-main-header .work-item-form-headerContent .copy-workitem-title-container .toast-notification
{
    bottom: auto;
    top: 25px;
    right: 0px;
    text-align: center;
}

.work-item-form-main .work-item-form-main-header .work-item-form-headerContent .copy-workitem-title-container .toast-notification .message-area-control.info-message
{
    font-size: 12px;
    background-color: #222;
    border: 1px solid #222;
    color: #fff;
}

.work-item-form-main .work-item-form-main-header .work-item-form-headerContent .work-item-form-title input::-ms-clear
{
    display: none;
}

.work-item-form-main .work-item-form-main-header .work-item-form-headerContent .work-item-form-title.copy-hover .combo,
.work-item-form-main .work-item-form-main-header .work-item-form-headerContent .work-item-form-title.copy-focus .combo
{
    border: 1px solid #e6e6e6;
}

.work-item-form-main .work-item-form-main-header .work-item-form-headerContent .work-item-form-title.copy-hover .combo input,
.work-item-form-main .work-item-form-main-header .work-item-form-headerContent .work-item-form-title.copy-focus .combo input
{
    padding-right: 30px;
}

.work-item-form-main .work-item-form-main-header .work-item-form-header-controls-container .work-item-form-state
{
    font-size: 12px;
    color: #424242;
    padding-right:10px;
    width: 200px;
    max-width: 40%
}

.work-item-form-main .work-item-form-main-header .work-item-form-header-controls-container .work-item-form-state .state-circle {
    border-radius: 50%;
    border-width: 1px;
    border-style: solid;
    width: 11px;
    height: 11px;
    margin-top: 7px;
    float: left;
    position: relative;
}

.work-item-form-main .work-item-form-main-header .work-item-form-header-controls-container .work-item-form-state.state-coloring-enabled .combo {
    margin-left: 1.2em;
    width: auto;
}

.work-item-form-main .work-item-form-main-header .work-item-form-header-controls-container .work-item-form-assignedTo {
    color: #424242;
    width: 302px;   /* Account for 2px border so that dropdown aligns with combo */
    max-width: 50%;
}


.work-item-form-changedby,
.work-item-form-lastupdated
{
    color: #656565;
    padding-right:17px;
    vertical-align:bottom;
    display: block;
    text-align: right;
    font-size: 12px;
}

.work-item-form-changedby
{
    padding-bottom: 5px;
}

.work-item-form-lastupdated
{
    min-width: 140px;
    float: right;
}

.work-item-form-lastupdated input,
.work-item-form-changedby input
{
    text-align:right;
    background-color:#f2f2f2;
    text-overflow:ellipsis;
}

.work-item-form-changedby .combo,
.work-item-form-lastupdated .combo,
.work-item-form-changedby .combo:hover,
.work-item-form-lastupdated .combo:hover
{
    border:none;
}

.work-item-form-label
{
    display:inline-block;
    padding-bottom:8px;
    padding-right:6px;
}

.work-item-form-main-core
{
    background-color:#fafafa;
    border-width: 1px 0px;
    border-style: solid;
    border-color: #e5e5e5;
    padding-top: 8px;
}

.work-item-form-coreContent
{
    padding-left:18px;
    padding-top:0;
}

.work-item-form-coreContent-header
{
    padding-top:16px;
}

.work-item-form-main .work-item-form-main-core .work-item-form-coreContent-controls-container .work-item-form-coreContent-areaPathContainer,
.work-item-form-main .work-item-form-main-core .work-item-form-coreContent-controls-container .work-item-form-coreContent-iterationPathContainer
{
    display: inline-block;
    width: 49%;
    margin-right:10px;
}

.work-item-form-main .work-item-form-main-core .work-item-form-coreContent-controls-container .work-item-form-areaIteration
{
    min-width: 100%;
    margin-left:-3px;
    vertical-align:bottom;
    font-size:14px;
}

.work-item-form-main .work-item-form-main-core .work-item-form-coreContent-controls-container .work-item-form-areaIteration input:focus
{
    background-color:#ffffff;
}

.work-item-form-main .work-item-form-main-core .work-item-form-coreContent-controls-container .work-item-form-areaIteration input
{
    background-color:#fafafa;
}

.work-item-form-main .work-item-form-main-core .work-item-form-coreContent-controls-container .work-item-form-areaIteration .invalid input
{
    background-color: #ffc;
}

.work-item-form-coreContent .combo
{
    background-color:#fafafa;
}

.work-item-form-coreContent .work-item-form-areaIteration .combo.focus,
.work-item-form-coreContent .work-item-form-areaIteration .combo:focus,
.work-item-form-coreContent .work-item-form-areaIteration .combo:hover,
.work-item-form-coreContent .work-item-form-areaIteration .combo:hover input
{
    background-color:#ffffff;
}

.work-item-form-coreContent .work-item-form-areaIteration .combo.invalid.focus,
.work-item-form-coreContent .work-item-form-areaIteration .combo.invalid:focus,
.work-item-form-coreContent .work-item-form-areaIteration .combo.invalid:hover,
.work-item-form-coreContent .work-item-form-areaIteration .combo.invalid:hover input
{
    background-color:#ffc;
}

.work-item-form-coreContent  .work-item-form-tags
{
    padding-top: 6px;
    padding-bottom: 0;
}

.work-item-form-coreContent  .work-item-form-tags > .tfs-tags
{
    margin-bottom: 0;
}

.work-item-form-main .work-item-form-main-header .work-item-form-header-controls-container {
    width: 75%;
}

.work-item-form-main .work-item-form-main-header .work-item-form-header-controls-container,
.work-item-form-main .work-item-form-main-core .work-item-form-coreContent-controls-container {
    float: left;
    white-space: nowrap;
}

.work-item-form-main .work-item-form-main-core .work-item-form-coreContent-controls-container {
    width: 80%;
    height: 45px;
}

.work-item-form-main .work-item-form-main-header .work-item-form-toolbar-container,
.work-item-form-main .work-item-form-main-core .work-item-form-coreContent-lastUpdatedContainer
{
    overflow: hidden;
    width: auto;
    display: block;
    white-space: nowrap;
}

.work-item-form-main .work-item-form-main-core .work-item-form-coreContent-lastUpdatedWrapper
{
    float: right;
}

.hub-title > .toolbar.workitem-tool-bar.workitem-header-toolbar,
.work-item-form.work-item-form-main .toolbar
{
    float: right;
    width: auto;
    border: none;
    margin-top: 0px;
    margin-right: 8px;
}

.work-item-form-main .work-item-form-main-header .work-item-form-toolbar-container .toolbar {
    margin: 0px 8px 0px 0px;
    padding: 0;
    height: auto;
}

.work-item-form-main .work-item-form-main-header .work-item-form-toolbar-container .toolbar .menu-item {
    padding: 1px 5px 3px 5px;
}

.work-item-form-main .work-item-form-main-header .work-item-form-toolbar-container .toolbar .menu-item.menu-item-separator {
    padding: 1px 3px;
}

.work-item-form-main .work-item-form-main-header .work-item-form-toolbar-container .toolbar .menu.sub-menu > .menu-item
{
    margin: 0;
}

.work-item-form-main .work-item-form-main-header .work-item-form-toolbar-container .toolbar .menu-item.save-work-item-menu-item {
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 2px;
}

.work-item-form-main .clearfix
{
    clear: both;
}

.toolbar .menu-bar .menu-item.try-new-form .icon + .text, .workitemcontrol .menu-bar .menu-item.try-new-form .icon + .text
{
    color:#007acc;
    margin-left:1px;
}

.toolbar .menu-bar .try-new-form span.preview
{
    padding-left:2px;
    font-size:9px;
    vertical-align:text-top;
}

.toolbar .menu-bar .menu-item.try-new-form.hover span.text
{
    text-decoration:underline;
}

.toolbar .menu-bar .menu-item.try-new-form.hover
{
    background-color:#fff;
}

/* Only target the old work item form, new form doesn't contain tab-group */
.tab-group .extension-container
{
    height:600px;
}

.external-content-host
{
    height:100%;
}

.work-item-form-main .work-item-form-main-header .work-item-form-header-controls-container .discussion-adornment-container {
    display: inline-block;
    cursor: pointer;
    color: #424242;
    font-size: 14px;
    padding: 1px;
    padding-top: 0px;
    width: auto;
    max-width: 10%;
    vertical-align: top;
    margin-top: 2px;
}

.work-item-form-main .work-item-form-main-header .work-item-form-header-controls-container .discussion-adornment-container:focus,
.work-item-form-main .work-item-form-main-header .work-item-form-header-controls-container .discussion-adornment-container:hover {
    text-decoration: underline;
}

.work-item-form-main .work-item-form-main-header .work-item-form-header-controls-container .discussion-adornment-container .text {
    margin-left: 2px;
    margin-right: 10px;
    vertical-align: top;
}

.work-item-form-main .work-item-form-main-header .work-item-form-header-controls-container .discussion-adornment-container .icon {
    margin-top: 2px;
    vertical-align: top;
}
.form-body {
    position: absolute;
    bottom: 0;
    top: 190px;
    width: 100%;
    overflow: hidden;
    margin-top:10px;
}

.form-grid {
    position: absolute;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    top: 0;
    bottom: 0;
    left: 0;
}

.form-grid .control {
    padding-left: 1px;
    padding-bottom: 1px;
}

.form-grid .first-section {
    display: inline-block;
    min-width: 480px;
    float: left;
}

.form-grid .middle-section {
    display: inline-block;
    min-width: 240px;
    float: left;
}

.form-grid .last-section {
    display: inline-block;
    min-width: 240px;
}

.form-grid .wrapping-container {
    display: inline-block;
    min-width: 240px;
    float: right;
}

.form-grid .bottom-section {
    display: inline-block;
    min-width: 480px;
    float: left;
}

.form-grid .work-item-control {
    width: 100%;
    padding-bottom: 2px;
}

.form-grid .section-container {
    width: 100%;
}


/* Start In-Place maximize mode CSS*/

    /* Maximize the grid-group */
    .workitem-form-grid-maximized-mode .form-grid .grid-group.maximized-grid-group {
        position: absolute;
        right: 10px;
        left:10px;
        top: 0px;
        bottom: 10px;
        display: block;
        height: auto;
        padding: 0px;
    }

    /* Put the horizontal line below the header */
    .workitem-form-grid-maximized-mode .work-item-form-main-header {
        border-bottom: 1px solid #e6e6e6;
    }


    /* Hide all grid-groups*/
    .workitem-form-grid-maximized-mode .form-grid .grid-group {
        display:none;
    }

    /* Hide the core section*/
    .workitem-form-grid-maximized-mode .work-item-form-main-core {
        display:none;
    }

    /* Hide the transition graph and tab on history control when maximized*/
    .workitem-form-grid-maximized-mode .wit-state-transition-graph-unpinned-container,
    .workitem-form-grid-maximized-mode .wit-logcontrol-tabs {
        display: none;
    }

    /* Ensure rich-text and webpage controls can maximize
    */
    .maximized-grid-group .richeditor-container,
    .maximized-grid-group .webpagecontrol
     {
        position:absolute;
        bottom:0px;
        top:0px;
        right:0px;
        left:0px;
        height: auto !important;
     }

/* End In-Place maximize mode CSS*/


.form-grid .grid-group .workitem-group-maximize,
.form-grid .grid-group .workitem-group-restore {
    position:relative;
    float:right;
    height:20px;
    top:3px;
}

.form-grid .grid-group .workitem-group-maximize .icon,
.form-grid .grid-group .workitem-group-restore .icon {
    vertical-align: super;
    margin-top:2px;
}

.form-grid .grid-group {
    padding: 5px 5px 0 18px;
}

.form-grid .tfs-collapsible-collapse {
    float:right;
    margin-top:7px;
}

.form-grid .ui-tabs-panel .tfs-collapsible-collapse
{
    margin-top:0px;
}

.form-grid .tfs-collapsible-content {
    padding:0;
}

.form-grid .ui-tabs-panel .tfs-collapsible-content
{
    padding: 2px 2px 2px 20px;
}

.form-grid .tfs-collapsible-header {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 5px;
    font-size: 16px;
    color: #424242;
    font-weight: 600;
}

.form-grid .tfs-collapsible-header .tfs-collapsible-text {
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;;
    display: block;
}

.form-grid .workitemlogcontrol .tfs-collapsible-collapse
{
    float:none;
    margin-top:0px;
}

.form-grid .workitemlogcontrol .tfs-collapsible-content
{
    padding: 2px 2px 2px 20px;
}

.form-grid .workitemlogcontrol .tfs-collapsible-header
{
    border:none;
    margin:0;
    font-size:inherit;
    color:inherit;
}

.form-grid .tfs-collapsible-header.focus {
    background-color:transparent;
    border-top:1px solid transparent;
    border-left:1px solid transparent;
    border-right:1px solid transparent;
    border-bottom:1px solid #B8D6FB;
    color: #007acc;
}

.form-grid .workitemlogcontrol .tfs-collapsible-header.focus
{
    background-color:none;
    border:none;
}

.form-grid .work-item-control .toolbar
{
    float:left;
}

.form-grid .combo,
.form-grid .mru-identity-picker
{
    margin-left: -4px;
    -webkit-margin-start:-3px;
}

.form-grid .combo.emptyBorder
{
    margin-left: 0px;
    -webkit-margin-start:1px;
}

.form-grid .combo:hover
{
    margin-left: -4px;
    -webkit-margin-start:-3px;
}

.form-grid .group-extension-content
{
    height: 100%;
}

.form-grid > .external-content-host .external-content-iframe {
    display: block;
}

/* Hide no artifacts message by default */
.wiform-related-artifaheader .no-artifamessage-container
{
    display: none;
}

/* Show, if there are not artifacts */
.wiform-related-artifaheader .no-artifacts.no-artifamessage-container
{
    display: block;
    color:#999999;
}

/* Error container */
.wiform-related-artifaheader .ra-no-error-container
{
    display:none;
}

.wiform-related-artifaheader .ra-error-container
{
    display:inline-block;
}

.wiform-related-artifaheader .ra-error-text
{
    display: inline-block;
    color:#999999;
    vertical-align:middle;
}

.wiform-related-artifaheader .ra-error-icon
{
    display: inline-block;
    padding-right: 20px;
    vertical-align:middle;
}



.plaintextcontrol
{
    width:100%;
    resize: none;
    border: 1px solid #e6e6e6;
}

textarea.plaintextcontrol[readonly] {
    background-color: #e6e6e6;
}

.workitemlogcontrol
{
    width: 100%;
    margin: 0;
    border: 0;
    min-height: 300px;
}

.workitemlogcontrol .discussion-host .discussion-host .messages
{
}

.workitemlogcontrol .ui-tabs-nav
{
    font-size: 11px;
    text-transform: uppercase;
}

/* We need to reset here for case where <a>'s href is strippped. We do not want this
   to look like a real link. However, global styles will make it look like a link so we
    reset here and then only apply to <a>'s that have hrefs.  See bug 823626  */
.workitemlogcontrol A
{
   text-decoration: none;
   color: #000000;
   cursor:default;
}

.workitemlogcontrol A[href]
{
    color: #007acc;
    text-decoration: none;
    cursor: pointer;
}

.workitemlogcontrol A[href]:hover
{
    color: #007acc;
    text-decoration: none;
    cursor: pointer;
}

.workitemlogcontrol .show-more-container
{
    padding-bottom: 8px;
    padding-top: 8px;
    padding-left: 5px;
}

.workitemlogcontrol A.show-more-link
{
    cursor: pointer;

    /* Override ".workitemlogcontrol A" */
    color: #007acc;
}

.workitemlogcontrol A.show-more-link:hover
{
    /* Override ".workitemlogcontrol A" */
    text-decoration: underline;
}

.workitemlogcontrol .show-more-span
{
    color: #6D6D6D;
    margin-left: 4px;
}

.details-host
{
    overflow: auto;
}

.discussion-host
{
    overflow: auto;
}

.discussion-host .message-list
{
    list-style-type: none;
    margin-left: 0;
    padding: 0;
    margin-bottom: 0;
}

.discussion-host .message-row
{
    position: relative;
    list-style-type: none;
    padding: 0 0 5px 0;
    min-height: 40px;
    clear:both;
}

.discussion-host .message-section
{
    margin: 0 0 0 50px;
}

.discussion-host .message-sender
{
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 32px;
    margin: 0 0 0 2px;
}

.discussion-host .message-sendername
{
    color: #6D6D6D;
}

.discussion-host .message-date
{
    font-size: 85%;
    font-style: italic;
    color: #6D6D6D;
}

.discussion-host .message-content p:only-child
{
    margin-top: 0;
    margin-bottom: 0;
}

.discussion-host .identity-picture
{
    width: 32px;
    height: 32px;
}

.workitemlogcontrol > .details-host
{
}

.details-host .action
{
}

.details-host .action-hover
{
    /* background-color: #ffe; */
}

.details-host .action-expand
{
    /* background-color: #eee; */
}

.details-host > .item
{
    margin-bottom: 0.2em;
}

.details-host .identity-picture
{
    width: 24px;
    height: 24px;
    margin-right: 5px;
}

.details-host .action-headerperson
{
    padding-right: 5px;
    color: #6D6D6D;
}

.details-host .action-headeritemhilite
{
    font-weight: bold;
}

.details-host .action-headeritem
{
    font-style: italic;
}

.details-host .action-headerdate
{
    padding-left: 10px;
    font-style: italic;
    color: #999999;
}

.details-host .message
{
    padding: 5px;
    background-color: #ffffff;
    border: 1px solid transparent; /* todo: remove */
    margin: 2px 0 2px 0;
}

.details-host .container
{
    padding: 2px;
}

.details-host .detail-list
{
    background-color: #ffffff;
    table-layout: fixed;
    border-collapse: collapse;
    /* width: 100%; */
}

.details-host .detail-list TD
{
    overflow: auto;
    padding: 4px;
    padding-right: 10px;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-bottom: 1px solid  #ECECEA;
    color: #000000; /* override the styling for deleted row*/
}

/* Header row styling for work item history revision table */
.details-host .field-table .detail-list tr:first-child TD
{
	background: #D6ECF2;
	font-weight: bold;
    border-top: 1px solid #F2F2F2;
}

/* Style for 'Old Value' column in work item field table of work item history  */
.details-host .field-table .detail-list tr:not(:first-child) TD:nth-child(3)
{
    font-style: italic;
    color: #A0A0A0;
}

.details-host .detail-list tr.link-attachment-deleted
{
    text-decoration: line-through;
    color: #A0A0A0;
}

.details-host .links-and-attachment-table .detail-list td
{
    border-top: 1px solid #ECECEA;
}




.webpagecontrol
{
    width: 100%;
    height: 600px;
    overflow: hidden;
    border: 1px solid #e6e6e6;
}

.webpagecontrol > iframe
{
    width: 100%;
    height: 100%;
    overflow: auto;
}

.attachmentscontrol
{
    width: 100%;
    border: 1px solid #e6e6e6;
}


.attachment-dialog
{
    width: 100%;
    padding: 1em;
    overflow: hidden;
}

.attachment-dialog > .label
{
    display: block;
}

.attachment-dialog > .comment, .attachment-dialog .file
{
    width: 100%;
}



.link-dialog
{
}

.link-dialog-form
{
}

.link-dialog-form .work-item-link-container
{
    width: 100%;
    vertical-align: bottom;
}

.link-dialog-form .work-item-link-container .witIds-cell
{
    height: 1.7em;
    width: 100%;
}

.link-dialog-form .work-item-link-container .witIds-browse-container
{
    width:1%;
}

.link-dialog-form .work-item-link-container .witIds-browse-container .ids-find
{
    height: 1.7em;
}

.link-dialog-form-container
{
    width: 100%;
    overflow: hidden;
}

.link-dialog-workitem-description
{
    width: 100%;
    height: 60px;
    margin: 0;
    overflow: auto;
    padding: 5px 0 0 20px;
}

.pull-request-description
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pull-request-description-container
{
    width: 100%;
    height: 29px;
    margin: 0;
    padding: 6px 0 11px 2px;
}

.link-dialog-form .fetching
{
    color: #6D6D6D;
    font-style: italic;
}

.link-dialog-form .notfound
{
    background-color: #e6b9b9;
    font-style: italic;
}

.link-dialog-form .selflink
{
    background-color: #e6b9b9;
    font-style: italic;
}

.link-dialog-form .filtered
{
    background-color: #e6b9b9;
    font-style: italic;
}

.link-dialog-form .duplicate
{
    background-color: #e6b9b9;
    font-style: italic;
}

.link-dialog-form .message
{
    color: #6D6D6D;
    font-style: italic;
}

.link-dialog-form .test-result
{
    margin-top:1em;
}

/* Link dialog visualization styles */
.link-visualization
{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 110px;
    background: url('Images/linking.png') no-repeat;
    margin-top: 10px;
}

.link-visualization.invalid
{
    background-color: #ffffff;
    filter:alpha(opacity=65);
	-moz-opacity: 0.65;
	opacity: 0.65;
}

.link-visualization > .text
{
    position: absolute;
    overflow: hidden;
    width: 115px;
    height: 35px;
    font-size: 10px;
    color: #ffffff;
    border: 1px solid transparent;
    text-align: center;
}

.link-visualization.tree
{
}

.link-visualization.tree > .text-forward
{
    left: 132px;
    top: 65px;
}

.link-visualization.tree > .text-reverse
{
    left: 132px;
    top: 3px;
}

.link-visualization.tree.image-singlesrc-singletgt
{
    background-position: 50% 3px;
}

.link-visualization.tree.image-singlesrc-multipletgt
{
    background-position: 50% -1752px;
}

.link-visualization.tree.image-singletgt-singlesrc
{
    background-position: 50% -213px;
}

.link-visualization.tree.image-singletgt-multiplesrc
{
    background-position: 50% -452px;
}

.link-visualization.network > .text-forward
{
    left: 205px;
    top: 36px;
}

.link-visualization.network > .text-reverse
{
    left: 58px;
    top: 36px;
}

.link-visualization.network.image-singletgt-singlesrc
{
    background-position: 50% -774px;
}

.link-visualization.network.image-singletgt-multiplesrc
{
    background-position: 50% -616px;
}

.link-visualization.network.image-multipletgt-singlesrc
{
    background-position: 50% -2074px;
}

.link-visualization.network.image-multipletgt-multiplesrc
{
    background-position: 50% -1850px;
}

.link-visualization.dependency > .text-forward
{
    left: 205px;
    top: 36px;
}

.link-visualization.dependency > .text-reverse
{
    left: 58px;
    top: 36px;
}

.link-visualization.dependency.image-singlesrc-singletgt
{
    background-position: 50% -1418px;
}

.link-visualization.dependency.image-multiplesrc-singletgt
{
    background-position: 50% -1260px;
}

.link-visualization.dependency.image-singletgt-singlesrc
{
    background-position: 50% -1109px;
}

.link-visualization.dependency.image-singletgt-multiplesrc
{
    background-position: 50% -951px;
}

.link-visualization.dependency.image-singlesrc-multipletgt
{
    background-position: 50% -2718px;
}

.link-visualization.dependency.image-multiplesrc-multipletgt
{
    background-position: 50% -2560px;
}

.link-visualization.dependency.image-multipletgt-singlesrc
{
    background-position: 50% -2409px;
}

.link-visualization.dependency.image-multipletgt-multiplesrc
{
    background-position: 50% -2251px;
}



/* Work Item Picker Styles */
.work-item-find
{
    position: relative;
    width: 100%;
    height: 100%;
}

.work-item-find > .filter-container
{
    position: relative;
    left: 0;
    top: 0;
    right: 0;
    overflow: hidden;
}

.tfs-treenode-text.finder-query
{
    color: #007acc;
}


.work-item-find > .filter-container table
{
    width: 100%;
}

.work-item-find .project-cell,
.work-item-find .query-cell,
.work-item-find .ids-cell,
.work-item-find .title-cell,
.work-item-find .type-cell
{
     width: 100%;
     padding-left: 15px;
}

.work-item-find .query-button,
.work-item-find .id,
.work-item-find .title
{
    vertical-align: bottom;
}

.work-item-find .ids,
.work-item-find .title-contains,
.work-item-find .type
{
    width: 100%;
    height: 1.7em;
}

.work-item-find .find
{
    float: right;
}

.work-item-find .names
{
    width: 1%;
    white-space: nowrap;
    overflow: hidden;
    padding-bottom: 3px;
    vertical-align: bottom;

}

.work-item-find .and-type
{
    padding-left: 24px;
}

.work-item-find > .status-container
{
    padding: 2px;
    position: relative;
    left: 0;
    top: 1em;
    right: 0;
    height: 2em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.work-item-find > .status-container.error
{
    color: #e6b9b9;
    font-size: 12px;
}

.work-item-find > .list-container
{
    border: 1px solid #cccccc;
    position: absolute;
    left: 0;
    top: 18.7em;
    right: 0;
    bottom: 55px;
    overflow: hidden;
}

.work-item-find > .result-status-container
{
    padding: 2px;
    position: absolute;
    left: 0;
    bottom: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.work-item-find > .list-container .query-result-grid
{
    width: 100%;
    height: 100%;
}

.work-item-find > .buttons-container
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.work-item-find > .buttons-container .reset
{
    float: right;
}

.work-item-find > .buttons-container .hide
{
    display: none;
}

.work-item-find .blur-query-method-box
{
    -khtml-opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

/* End of Work Item Picker Styles */

.work-item-form
{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.work-item-view
{
    outline: none;
    overflow: auto;
    position: absolute;
    top: 88px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding-top: 12px;
    margin-left: 20px;
    /* z-index: 1; */ /* TODO: Check */
    /* margin-right: 10px; */
}

.work-item-view.new-work-item-view .witform-layout,
.work-item-view.new-work-item-view .witform-layout-scrollable-frame,
.work-item-view.new-work-item-view .witform-layout-content-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.work-item-view.new-work-item-view .witform-layout-scrollable-frame {
    overflow-x: auto;
    overflow-y: hidden;
}

.work-item-view.new-work-item-view .witform-layout-content-container {
    min-width: 510px;
}

.work-item-view.new-work-item-view .witform-layout-header-color {
    position: relative;
    float: left;
    background: #FFF;
    height: 66px;
    padding-left: 2px;
}

.work-item-form.no-info-bar .work-item-view
{
    top: 39px;
}

.hub-view.explorer.work-items-view.new-work-items-view.work-item-editor-view .right-hub-content .work-item-form.work-item-form-main .work-item-view.new-work-item-view
{
    top: 0;
}

.work-item-form.work-item-form-main .work-item-view.new-work-item-view
{
    top: 27px;
    padding-top: 0;
    margin-left: 0;
}

.work-item-form.no-info-bar .toolbar
{
    /* We don't want a border separating the toolbar and the "Type of Query" filter in Query Editor page */
    margin-top: 0;
}

.work-item-form.no-toolbar.no-info-bar .work-item-view
{
    top:0px;
}

.work-item-view legend
{
    text-transform: uppercase;
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    line-height:22px;
}

.workitem-dialog.ui-dialog
{
    background: #ffffff;
}

.workitem-dialog.ui-dialog .control-busy-overlay
{
    position: absolute;
    top: 38px;
    left: 0;
    bottom: 51px;
    right: 0;
    background: #aaaaaa;
    opacity: .30;
    filter:Alpha(Opacity=30);
    z-index:10000;
}

.workitem-dialog.ui-dialog .work-item-form.work-item-form-main ~ .control-busy-overlay
{
    top: 0;
    bottom: 0;
}

.triage-view .control-busy-overlay
{
    top: 36px;
}

.triage-view .work-item-form.work-item-form-main ~ .control-busy-overlay
{
    top: 0;
}

.workitem-dialog.ui-dialog .ui-dialog-titlebar
{
    position: absolute;
    border: 0;
    padding-top: 2px;
    padding-bottom: 2px;
    top: 0;
    height: 10px;
    width: 100%;
    z-index: 2002;
    background: transparent;
}

.new-workitem-dialog.workitem-dialog.ui-dialog .ui-dialog-titlebar
{
    height: 12px;
}

.workitem-dialog.ui-dialog .ui-dialog-titlebar-close
{
    background-color: transparent;
    padding-top: 8px;
    z-index: 2002;
    height: 27px;
}

.workitem-dialog.ui-dialog .ui-dialog-titlebar-progress-container
{
    margin: 35px 0 0 0;
}

.new-workitem-dialog.ui-dialog .ui-dialog-titlebar-progress-container
{
    margin: 0;
}

/* Hide the bottom dialog buttons for the modal dialog on the new form */
.new-workitem-dialog.ui-dialog .ui-dialog-buttonpane
{
    visibility: hidden;
}

.new-workitem-dialog.ui-dialog .ui-dialog-buttonset
{
    display: none;
}


.workitem-dialog.ui-dialog .ui-dialog-content
{
    margin: 0;
    padding: 0;
}

.workitem-dialog.ui-dialog .ui-dialog-title
{
    display: none;
}

.workitem-dialog.ui-dialog .ui-dialog-titlebar
{
    padding:0;
}

.workitem-dialog .toolbar
{
    z-index: 2002;
}

.work-item-view .ui-tabs .ui-tabs-panel
{
    padding: 0;
}

.work-item-form .richeditor-toolbar-maximize, .richeditor-toolbar-restore
{
	position: absolute;
	right: 0;
}

.workitem-control-maximized-container .workitem-info-bar
{
    padding-left: 10px;
    border-bottom: 1px solid #ccc;
}

.workitem-control-maximized-container .workitem-info-bar.workitem-header-bar
{
    border-left-width: 0px;
}

.workitem-control-maximized-mode.full-screen-mode .header-section
{
    display: none;
}

.workitem-control-maximized-mode .main-container .content-section
{
    visibility: hidden; /* display: none will cause resize issues while hidden */;
}

.workitem-control-maximized-container
{
    padding-left: 10px;
    padding-right: 10px;
}

.witform-layout .workitem-control-maximized-container
{
    position: absolute;
top: 73px;
right: 0;
bottom: 40px;
left: 0;

    padding-top: 10px;
    border-top: 1px solid #e6e6e6;
}

.workitem-control-maximized-mode .richeditor-container
{
    position: absolute;
    top: 140px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    height: auto !important;
}

.workitem-control-maximized-mode.full-screen-mode .richeditor-container
{
    top: 50px;
}

.workitem-control-maximized-hidden-dialog
{
    visibility: hidden;
}

.workitem-control-maximized-dialog .ui-dialog-titlebar
{
    position: absolute;
    border: 0;
    padding-top: 2px;
    padding-bottom: 2px;
    top: 0;
    height: 10px;
    width: 100%;
    z-index: 2002;
    background: transparent;
}

.workitem-control-maximized-dialog .ui-dialog-title
{
    display: none;
}

.workitem-control-maximized-dialog .ui-dialog-titlebar-close
{
    display: none;
}

.workitem-control-maximized-dialog .workitemcontrol-maximized .richeditor-container
{
    position: absolute;
    top: 50px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    height: auto !important;
}

.workitem-control-maximized-dialog .witform-maximized-container .workitemcontrol-maximized .richeditor-container
{
    top: 50px;
}

.workitem-control-maximized-dialog .workitem-control-maximized-container
{
    padding-left: 0px;
}

.workitem-control-maximized-dialog .workitem-control-maximized-container .workitem-info-bar
{
    padding-left: 0px;
}


.workitemcontrol .richeditor-navigator
{
	right: 25px;
}

.workitemcontrol-maximized .richeditor-navigator
{
	right: 25px;
}

.toolbar.workitem-header-toolbar
{
    height: auto;
}

.toolbar.workitem-header-toolbar .menu-bar > .menu-item
{
    padding: 2px 5px 5px 5px;
    margin: 2px 2.5px 2px 2.5px !important;
}
.workitem-info-bar
{
    font-family: Segoe UI Light, Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
    font-size: 18px;
    box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;;
    width: 100%;
    position: relative;
    white-space: nowrap;
    padding-right: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.work-item-form .workitem-info-bar
{
    padding-left: 20px;
}

.workitem-dialog .workitem-info-bar
{
    border: 0;
}

.workitem-info-bar span
{
    padding-left: 4px;
}

.workitem-info-bar span.caption
{
    color: #888;
}

.workitem-info-bar span.triage-details
{
    float: right;
}

.workitem-info-bar div.info-text-wrapper
{
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}

.workitem-info-bar .info-text
{
    white-space:nowrap;
}

.workitem-info-bar.invalid .info-text
{
    color: #d00;
}

.error-work-item-download
{
    position: relative;
    top: 10px;
    height: 30px;
    color: #d00;
    background-color: #f3f3f3;
    border-bottom: 1px solid #dddddd;
    padding-left: 20px;
    padding-top: 2px;
}

.workitem-info-bar.workitem-header-bar
{
    border-left-style: solid;
    border-left-width: 10px;
    border-left-color: #fff;
    font-size: 14px;
    padding: 4px 0px 5px 10px;
    height: 28px;
    line-height: 1.3em;
    width: auto;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;;
}

.workitem-info-bar.workitem-header-bar .triage-details
{
    line-height: 1.2em;
}

.workitem-info-bar.workitem-header-bar a,
.workitem-info-bar.workitem-header-bar span.caption
{
    padding-left: 0;
    text-transform: uppercase;
    font-size: 10px;
    color: #000;
}

.workitem-info-bar.workitem-header-bar a:hover,
.workitem-info-bar.workitem-header-bar a:focus
{
    color: #007acc;
}

.workitem-info-bar.workitem-header-bar span.info-text
{
    margin-left: 5px;
}
.wit-state-transition-graph {
    width: 100%;
    height: 100px;
    margin-bottom: 4px;
    z-index: 0;
    position: relative;
}

.transition-and-state-container-main{
    width: 100%;
    height: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

.transition-and-state-pin-container .icon{
    position: absolute;
    right: 0px;
    margin-top: 4px;
    z-index: 1;
}

.pinned + .wit-logcontrol-tabs{
    padding-top: 10px;
}

.transition-and-state-pin-container {
    position: absolute;
    width: 100%;
}

.transition-container, .state-container {
    float: left;
    height: 75px;
    text-align: center;
    padding: 4px;
    position:relative;
}

.wit-state-transition-graph-icon-pin-hover,
.wit-state-transition-graph-icon-unpin-hover{
    background-color: #c5d6f1 !important;
    cursor: pointer;
}

.transition-container {
    margin-right: 9px;
    color: #6d6d6d;
}

.state-container {
    position: relative;
}

.state {
    background-color: #D6ECF2;
    padding: 10px;
    position: relative;
    top: 50%;
    margin-top: -17.5px;
}

.transition-and-state-container.show-more .state {
    background-color: white;
    border: 2px dashed #6d6d6d;
    cursor: pointer;
}
.transition-and-state-container.show-more .state a,
.transition-and-state-container.show-more .state a:hover {
     color: #007acc;
}

.transition-and-state-container.show-more .arrow-tail {
    width: 10px;
}

.transition-arrow {
    height: 20px;
    position: relative;
    top:50%;
    margin-top:-10px;
}

.arrow-head {
    width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #95b3d7;;
    position: absolute;
    margin-left: 100%;
}

.arrow-tail {
    background-color: #95b3d7;
    height: 8px;
    width: 100%;
    margin-top: -4px;
    float: left;
    position: relative;
    top: 50%;
}

.transition-change-info
{
    position: relative;
}

.transition-change-info > .identity-view-control > span
{
    position: relative;
    left: 2px;
}


.transition-reason
{
    position: relative;
    bottom: 17px;
}

.off-screen {
    position: absolute;
    left: -5000px;
}
.recycle-bin {
    position: absolute;
    bottom: 0px;
    height: 40px;
    width: 100%;
    border-top: 1px solid #E3E3E3;
    background-color: #FFFFFF;
}

.recycle-bin-base-dialog-content .delete-warning-message,
.recycle-bin-base-dialog-content .restore-warning-message,
.recycle-bin-base-dialog-content .destroy-warning-message {
    padding-left: 10px;
}

.recycle-bin-base-dialog-content .delete-warning-icon
{
    display: inline-block;
    width: 32px;
    background: url('../../_content/warning.png') no-repeat -0px -0px !important;
}


.recycle-bin a {
    cursor: pointer;
    height: 100%;
    display: block;
}

.recycle-bin:hover {
    background-color: #DCEBFC;
}

.recycle-bin .content {
    display: inline-block;
    margin-top: 12px;
}

.recycle-bin .recycle-bin-icon
{
    height: 24px;
    width: 24px;
    float: left;
    margin:8px 5px 8px 20px;
    background: url('../../_content/recyclebin.png') no-repeat -0px -0px !important;
}




.form-grid .work-item-control.work-item-discussion-control {
    padding-bottom: 12px;
}

.maximized-grid-group .work-item-discussion-control .richeditor-container {
    height: 120px !important; /* Has to use !important as the generic maxmized-grid-group css is using this to override all rich editor behavior*/
    position: relative;
}

.maximized-grid-group .work-item-discussion-control .discussion-messages-container {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}


/***** End Work Item Area\Controls\WorkItem******/


/****** Begin Work Item Area\Controls\Query*****/

.query-result-grid-info
{
    box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;;
    overflow: hidden;
    border: 1px transparent;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.query-result-grid-info table
{
    width: 100%;
}

.query-result-grid-info .status-indicator
{
    margin-left: 2px;
}

.query-result-grid-info .query-title
{
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 500px;
    padding-right: 10px;
}

.query-result-grid-info .query-title .query-description
{
    vertical-align: top;
    cursor: pointer;
}

.query-result-grid-info .query-status
{
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
}

.query-result-grid-info tr.no-title .query-status
{
    text-align: left;
}

.query-result-grid-info.invalid
{
    background-color: #ffc;
    border: 1px solid #e6e6e6;
}

.query-result-grid.grid
{
    border: 0;
}

.query-result-grid .grid-header
{
    z-index: 8;
}

.query-result-grid.grid.has-grid-message-area .grid-header
{
	top: 2.4em;
}

.query-result-grid.grid.has-grid-message-area .grid-canvas
{
	top: 4.6em;
}

.query-result-grid.has-grid-message-area .message-area-control
{
    margin: 0px 12px;
}

.dirty-workitem-row
{
    font-weight: bold;
}

.grid-row.invalid-workitem-row
{
    color: #C00;
}

.grid-cell .work-item-color {
    width: 6px;
    height: 100%;
    display: inline-block;
    margin-right: 4px;
    margin-left: 1px;

    /* Include border here to keep vertical alignment */
    border: 2px solid transparent;

    vertical-align: top;
}
.grid-cell .work-item-color.unowned {
    width: 7px;
    margin-left: 0px;
}

.description-popup-content-container.popup-content-control {
    min-width: 200px;
    word-wrap: break-word;
    max-width: 400px;
    max-height: 300px;
    width: auto;        /* This is to override the base control css */
}

.description-popup-content-container .popup-tag
{
    height: 12px;
    width: 20px;
    position: fixed;
    background: url('../../_content/popup-tag-yellow.png') no-repeat -0px -0px !important;
}


.description-popup-content-container.popup-content-control .popup-content-container {
    background-color: #F4DC78;
    box-shadow: 5px 5px 5px -2px #959595;
    padding: 5px 10px;
}

.description-popup-content-container .description-content {
    overflow-y: auto;
    overflow-x: hidden;
    min-width: 200px;
    max-width: 400px;
    max-height: 300px;
    padding: 0 10px 0 15px;
}

.triage-view
{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;;
}

.triage-view > .content
{
    box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;;
}

.triage-view .splitter.vertical > .rightPane
{
    margin-top: 4px;
}

.triage-view .hub-no-content-gutter
{
    padding-left: 0;
}

.triage-view .right-hub-content .splitter.horizontal .hub-no-content-gutter
{
    border-top: 1px solid #dddddd;
}

.triage-view .toolbar.query-result-grid-toolbar
{
    margin-right: 16px;
    margin-left: 12px;
}

.triage-view .work-item-list
{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    top: 44px;
    border-bottom: 0 !important;
}

.triage-view .work-item-list.with-filter-bar
{
    top: 79px;
}

.triage-view .work-item-form ~ .control-loading-overlay,
.triage-view ~ .work-item-form ~ .control-loading-overlay
{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
	background-color: #ffffff;
    opacity: 1;
    filter: alpha(Opacity=100);
    z-index: 10000;
}

.menu-item.toggle-filter-bar
{
    margin-right: 24px;
    padding-top: 8px !important;
}

.filter-bar
{
    display: none;
    border-top: none;
    height: 36px;
}

/* Used to move the search button to the right side of the page */
.text-filter-button {
    float:right;
    margin-right:7px !important; /* Overrides the menu-bar margin so the search button when hovered is not against the edge of screen */
}

/* Used to style the <li> item in the menu */
.text-filter-box {
    float: right;
    margin-top: 8px !important; /* Overrides the menu-bar margin so the search box is positioned in the middle of the toobar */
    width: 146px;
    height: 20px;
    outline: 0px;
    background-color: #F0F0F0;
    border: 1px solid transparent;
}

 .text-filter-box .watermark {
    font-style: inherit;
 }

.text-filter-box.active {
    background-color: #FFFFFF; /* FIX */
    border-color: #F0F0F0;
    border: 1px solid #F0F0F0;
}

.text-filter-box input {
    position: absolute;
    padding: 3px 3px 4px 3px;
    left: 0px;
    top: 0px;
    margin-top: 0px;
    border-style: none;
    outline: 0px; /* Prevents the outline from showing when typing in the field */
    width: 146px;
    height: 20px;
    font-size: 11px;
    color: #7F7F7F;
    background-color: transparent;
}

.text-filter-box .base-filter-box {
    border: 0px;
}

.text-filter-box input::-ms-clear {
    display: none; /* Prevents IE10 x (clear) icon from showing up as to not confuse users */
}

.text-filter-image {
    float: right;
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 4px;
    top: 2px;
    cursor: pointer;
}

.text-filter-box.active .text-filter-image
{
    background: url('../../_content/icon-close-small.png') no-repeat 3px 50% !important;
}


.query-options
{
    border-bottom:  1px solid #dddddd;
    height:35px;
    overflow:hidden;
    margin-right: 6px;
    margin-left: 10px;
}

.query-type
{
    float: left;
}

.query-type .pivot-filter
{
    width: 100%;
    padding-top: 4px;
    line-height: 24px;
    overflow: hidden;
    white-space: nowrap;
}

.query-type .pivot-filter.dropdown
{
    width: auto;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px;
    padding-bottom: 4px;
}

.query-type .pivot-filter.dropdown > a.selected
{
    max-width: 20em;
}

.query-type .pivot-filter.dropdown.active
{
  border: 1px solid transparent;
}

.query-type .pivot-filter.dropdown > span
{
    margin:0;
}

.query-type .pivot-filter.dropdown:hover
{
    background-color: #dce6f4;
}

.query-type .pivot-filter .menu-item > span.text
{
    margin-left: 1px;
}

/* Setting right margin of the drop down for query type on the icon
   so that it matches the drop down menu */
.query-type .icon
{
    margin-right: 7px;
}

.query-type .query-type-label
{
    white-space: nowrap;
    color: #808080;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    float: left;
    margin-top: 9px;
    margin-left: 10px;
    margin-right: 2px;
}

.query-across-project-selector
{
    float: right;
}

.query-across-project-selector .query-across-project-label
{
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 0.5em;
    margin-top: 9px;
    vertical-align: top;
    white-space: nowrap;
    color: #808080;
}

.query-across-project-selector .query-across-project-checkbox
{
    margin-top: 11px;
    margin-left: 2px;
}

.icon.query-type-flat
{
    background: url('../../_content/tfs-icons.png') no-repeat -4976px 50% !important;
}

.icon.query-type-link
{
    background: url('../../_content/tfs-icons.png') no-repeat -5040px 50% !important;
}

.icon.query-type-tree
{
    background: url('../../_content/tfs-icons.png') no-repeat -5104px 50% !important;
}


.query-editor
{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;;
}

.query-editor .toolbar
{
     /* We don't want a border separating the toolbar and the "Type of Query" filter in Query Editor page */
    border-bottom: none;
    border-top: none;
    margin-right: 6px;
}

.query-editor .content
{
    position:absolute;
    top:74px;
    bottom:0;
    height:auto;
}

.query-editor > .content.splitter.vertical > .leftPane
{
}

.query-editor .filters
{
    padding-left: 20px;
    height: 100%;
    overflow: auto;
    margin-right: 5px;
}

.query-editor .filters fieldset
{
    margin-top: 5px;
    margin-bottom: 5px;
}

.query-editor .filters fieldset > legend
{
    font-weight: normal;
    color: #6D6D6D;
    padding-bottom: 5px;
    padding-left: 0px;
}

.query-editor .filters > .link
{
    width: 100%;
    overflow: hidden;
}

.query-editor .filters > .link > .query-mode
{
    float: left;
    margin-left: 15px;
}

.query-editor .filters > .link > .query-mode select
{
    display: block;
}

.query-editor .filters > .link > div.link-types
{
    float: left;
    margin-left: 15px;
    display: block;
}

.query-editor .filters > .link > div.link-types > .checkbox-list.link-types
{
    width: 250px;
    max-height: 100px;
}


.query-editor .filters > .link > fieldset
{
    clear: both;
}

.query-editor .filters > .tree
{
    width: 100%;
    overflow: hidden;
}

.query-editor .filters > .tree > .query-mode
{
    float: left;
    margin-left: 15px;
}

.query-editor .filters > .tree > .query-mode select
{
    display: block;
}

.query-editor .filters > .tree > div.link-types
{
    float: left;
    margin-left: 15px;
    display: block;
}

.query-editor .filters > .tree > .link-types select
{
    display: block;
}

.query-editor .has-grid-message-area .grid-header
{
	top: 2.4em;
}

.query-editor .has-grid-message-area .grid-canvas
{
	top: 4.6em;
}

.query-editor .has-grid-message-area .message-area-control
{
	margin: 0px 12px;
}

.query-editor .filters > .tree > fieldset
{
    clear: both;
}

.query-editor .work-item-list
{
    position: absolute;
    width: 100%;
    top: 52px;
    bottom: 0;
    border-top: 0 !important;
    border-bottom: 0 !important;
}

.query-editor .toolbar.work-item-list-toolbar
{
    border-bottom: 1px solid #ccc;
}


.query-editor .value .identity-picker-search-box .identity-picker-resolved:focus
{
    background-color: initial;
}

.query-editor .value .identity-picker-search-box .identity-picker-resolved.identity-picker-resolved-single-search .identity-picker-resolved-close
{
    display: none;   /* this is a temporary hack till EA team gives us a better solution to hide the close icon */
}

.query-editor .value .query-filter-value-control.identity-picker
{
    border: 1px solid #e6e6e6;
}

.query-editor .value .query-filter-value-control .mru-identity-picker,
.query-editor .value .query-filter-value-control .multi-mru-identity-picker,
.query-editor .value .query-filter-value-control .multi-mru-identity-picker > ul.multi-mru-identity-picker-container
{
    min-height: 1.7em;
}

.clauses
{
    border-collapse: collapse;
    padding: 1px;
    width: 100%;
}

.add-row-link
{
    cursor: pointer;
    line-height: 22px;
    display:inline-block;
}

.add-row-link .icon-add
{
    margin:0 9px 0 1px;
    vertical-align:middle;
}

.clauses .header
{
    color: #6D6D6D;
}

.clauses .clause-row
{
    height: 25px;
    vertical-align: top;
}

.clauses .header .grouping .icon
{
    vertical-align:middle;
    background: url('../../_content/tfs-icons.png') no-repeat -4560px 50% !important;
}


.clauses .add-remove
{
    width: 50px;
}

.clauses .add-remove > a
{
    margin-right: 5px;
}

.clauses .add-remove > a.add-row-link
{
    margin-left: 5px;
    vertical-align: middle;
}

.clauses .grouping
{
    width: 26px;
    top-padding:2px;
    text-align: center;
}

.clauses .group
{
    border-left: 1px solid #cccccc;
    width: 1px;
}

.clauses .no-group
{
    width: 1px;
}

.clauses .logical
{
    width: 10%;
    max-width: 100px;
}

.clauses .field
{
    width: 25%;
}

.clauses .operator
{
    width: 13%;
    max-width: 150px;
}

.group-placeholder
{
    width: 2px;
    height: 2px;
    overflow: hidden;
}

.clauses .group-start
{
    border-top: 1px solid #cccccc;
}

.clauses .group-end
{
    border-bottom: 1px solid #cccccc;
}

.g-cat-0
{
    background-color: #FFE1FF;
}

.g-cat-1
{
    background-color: #FFFACD;
}

.g-cat-2
{
    background-color: #F0FFFF;
}

.g-cat-3
{
    background-color: #FFEFD5;
}

.g-cat-4
{
    background-color: #F0FFF0;
}


.query-folder-explorer
{
    overflow: hidden;
}

.query-folder-explorer .toolbar
{
    /* Left toolbar on work item page require to override some attributes */
    border-top: 1px solid transparent;
    margin-right: 0px;
    margin-left: 17px;
    padding-left: 9px;
    height: 39px;
}

.query-folder-explorer > .query-folder-tree
{
    position: absolute;
    top: 39px;
    left: 0;
    right: 0;
    bottom: 0px;
    overflow: auto;
}

.query-folder-explorer .dirty-query .node-content:after
{
    content: " * ";
}

.query-folder-tree
{
    border: 1px solid transparent;
    border-right-width: 0px;
}

.query-folder-tree .folder.empty
{
    display: none;
}

.query-folder-tree .folder.top-separator
{
    padding-top: 4px;
    border-top: 1px solid #eeeeee;
}

.query-folder-tree .node > a.node-link .node-content
{
    padding-right: 5px;
}

.query-folder-tree .node .fav-star
{
    position: absolute;
    top: 4px;
    right: 6px;
    height:16px;
    width: 16px;
    display: none;
}

.query-folder-tree .node-content .icon-pin
{
    position: absolute;
top: 4px;
right: 6px;
height: 16px;
width: 16px;
cursor: pointer;
;
}

.query-folder-tree.tree-view > ul.tree-children li.ui-draggable,
.query-folder-tree.tree-view > ul.tree-children li.ui-droppable
{
    /*
     * For query explorer tree, touch action is a scrolling action in both direction and drag drop feature is disabled for touch screens
     */
    touch-action: manipulation;
    -ms-touch-action: manipulation;
}

.query-folder-tree .node.focus > a.node-link .fav-star
{
    display: block;
    background: url('../../_content/tfs-icons.png') no-repeat -2224px 50% !important;
}

.query-folder-tree .node.focus > a.node-link .fav-star:hover
{
    background: url('../../_content/tfs-icons.png') no-repeat -2192px 50% !important;
}

.query-folder-tree .node.focus.starred > a.node-link .fav-star
{
    display: block;
    background: url('../../_content/tfs-icons.png') no-repeat -2192px 50% !important;
}

.query-folder-tree .node.focus.starred > a.node-link .fav-star:hover
{
    background: url('../../_content/tfs-icons.png') no-repeat -2224px 50% !important;
}

.query-rename-new-folder-dialog .input-text
{
    width: 100%;
}

.query-rename-new-folder-dialog .validation-summary.invalid
{
    margin-top: 10px;
}

.query-rename-new-folder-dialog .message-area-control
{
    margin-top: 10px;
}


.query-rename-new-folder-dialog .error
{
    margin-top: 10px;
    color: #e6b9b9;
    border: 1px solid #cccccc;
    background-color: #ffffcc;
    padding: 4px;
    overflow: hidden;
    width: 100%;
}


.column-options-host
{
    position: relative;
}

.column-options
{
    position: relative;
    height: 100%;
}

.column-options .views
{
    width: 100%;
    border-bottom: 1px solid #cccccc;
}

.column-options .views .pivot-view
{
    padding-left: 6px;
    margin-left: 0px;
}

.column-options.no-sort .sort-columns-view
{
    display: none;
}

.column-options > .filters
{
    position: absolute;
    left: 6px;
    right: 6px;
    top: 30px;
}

.column-options > .filters p
{
    margin: 0;
    margin-top: 10px;
}

.column-options label
{
    margin-bottom: 3px;
}

.column-options > .columns
{
    position: absolute;
    left: 6px;
    right: 6px;
    top: 135px;
    bottom: 0;
}

.simple > .column-options > .columns
{
    top: 0px;
}

.column-options .content
{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.column-options .content > .available
{
    position: absolute;
    left: 0;
    right: 50%;
    top: 0;
    bottom: 0;
}

.column-options .content > .selected
{
    position: absolute;
    left: 50%;
    right: 0;
    top: 0;
    bottom: 0;
}

.column-options .content .list-container
{
    position: absolute;
    left: 0;
    top: 23px;
    right: 4em;
    bottom: 0;
}

.column-options .content .buttons
{
    position: absolute;
    right: 0;
    width: 4em;
    top: 23px;
    bottom: 0;
    text-align: center;
}

.column-options select
{
    width: 100%;
    height: 100%;
    border: 1px solid #cccccc;
}

.column-options button
{
    padding: 1px;
    width: 24px;
    height: 24px;
    margin-bottom: 2px;
}

.column-options .ui-button-text
{
    padding: 2px 0 0 0 !important;
}

.column-options .width
{
    width: 3em;
}

.column-options .width.disabled
{
    cursor: default;
    background-color: #e6e6e6;
}

.column-options .width-container
{
    overflow: hidden;
    word-break: break-all;
    padding-left: 2px;
}

.column-options .width-container > label
{
    white-space: pre-wrap;
}

.combo-drop-popup .folder span {
    font-weight: bold;
}

/***** End Work Item Area\Controls\Query******/

    /****** Begin Work Item Area\Controls\WorkItem*****/

.combo.bulkedit-operator-control
{
    border: 0;
    background: none;
}

.bulkedit-operator-control input
{
    text-align: center;
    background: none;
}

.bulkedit-dialog .clauses .operator
{
    width: 35px;
}

.bulkedit-dialog .clauses .field
{
    width: 35%;
}

.bulkedit-dialog .fields-panel
{
    position: absolute;
    top: 0;
    bottom: 180px;
    left: 0;
    right: 0;
    overflow: auto;
}

.bulkedit-dialog .history-panel
{
    position: absolute;
    bottom: 0;
    height: 170px;
    left: 0;
    right: 0;
}

.bulkedit-controls-container
{
    position: relative;
    height: 100%;
}


.bulkedit-controls-container .query-filter .value .identity-picker-search-box .identity-picker-resolved:focus
{
    background-color: initial;
}

.bulkedit-controls-container .query-filter .value .query-filter-value-control .combo,
.bulkedit-controls-container .query-filter .value .query-filter-value-control .mru-identity-picker,
.bulkedit-controls-container .query-filter .value .query-filter-value-control .multi-mru-identity-picker,
.bulkedit-controls-container .query-filter .value .query-filter-value-control .identity-picker-search-box
{
    border: none;
    height: 17px;
}

.bulkedit-controls-container .query-filter .value .query-filter-value-control .identity-picker-search-box .identity-picker-resolved.identity-picker-resolved-single-search .identity-picker-resolved-close
{
    display: none;   /* this is a temporary hack till EA team gives us a better solution to hide the close icon */
}

.bulkedit-controls-container .query-filter .value .query-filter-value-control
{
    border: 1px solid #e6e6e6;
    height: 1.7em;
}


/***** End Work Item Area\Controls\WorkItem******/


/***** End Work Item Area\Controls******/
.work-items-right-pane
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.work-items-view
{
    width: 100%;
    height: 100%;
}

.work-items-view.work-item-editor-view .hub-title
{
    padding: 0;
}

.work-items-view.new-work-items-view.work-item-editor-view .hub-title
{
    margin: 0;
    z-index: 10;
}

.work-items-view.new-work-items-view.work-item-editor-view .hub-progress
{
    top: 0;
}

.full-screen-mode .hub-view.explorer.work-items-view.new-work-items-view.triage-view .hub-progress
{
    top: 36px;
}

.work-items-view.work-item-editor-view .hub-pivot
{
    display:none;
}

.work-items-view.work-item-editor-view .hub-pivot-content
{
    top:0px;
}

.work-items-view.work-item-editor-view.new-work-items-view .hub-pivot-content
{
    background: none;
}

.work-items-view.work-item-editor-view.new-work-items-view .hub-pivot-content .work-items-right-pane
{
    padding-top: 27px;
}

.work-items-view .right-hub-content
{
    display:none; /* hide initially */
}

.work-items-view.query-editor-view .work-items-pane-filter,
.work-items-view.query-charts-view .work-items-pane-filter,
.work-items-view.contributed-tab-view .work-items-pane-filter
{
    display:none;
}

.work-items-view.error-view .hub-title
{
    display:none;
}

.work-items-view.error-view .hub-pivot
{
    display:none;
}

.work-items-view.error-view .right-hub-content
{
    top:0;
}

.work-items-view.error-view .hub-pivot-content
{
    top:0;
}

.query-tile
{
    background-color: #009CCC;
}

.query-tile .ellipsis-menubar.menu-bar
{
    background-color: #009CCC;
}

/*************************
    Full screen menuitem
**************************/

ul.wit-full-screen-menubar {
    float: left;
    padding: 0px;
}

ul.wit-full-screen-menubar .menu-item {
    padding-left: 0px;
    padding-right: 0px;
}

.wit-full-screen-menubar > li {
    margin-top: 6px !important;
}

/*
    Queries
*/
.full-screen-mode .query-result-grid-info .query-status {
	display: none !important;
}

/*
    Workitem form
*/
.full-screen-mode .work-item-editor-view .right-hub-content {
	top: 45px !important;
}

.full-screen-mode .work-items-view.new-work-items-view.work-item-editor-view .right-hub-content {
	top: 0 !important;
    padding-top: 28px;
}

.hub-view.explorer.work-items-view.new-work-items-view.work-item-editor-view .right-hub-content
{
    top: 0;
    padding-top: 28px;
}

/***** End Work Item Tracking styles******/







/****** Begin Version Control Area*****/






/****** Begin Version Control Area\Controls*****/

.vc-annotated-file-viewer
{
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.vc-annotated-file-viewer .annotate-main-container
{
    position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
;
}
.vc-annotated-file-viewer.with-error .annotate-main-container
{
    top: 40px;
}
.vc-annotated-file-viewer .annotation-blocks-container
{
    position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
;
    overflow: hidden;
}
.vc-annotated-file-viewer .annotation-block
{
    padding-left: 10px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #cccccc;
    font-size: 11px;
}
.vc-annotated-file-viewer .annotation-block.most-recent
{
    background-color: #cfcfcf;
}
.vc-annotated-file-viewer .annotation-block.recent
{
    background-color: #e5e5e5;
}
.vc-annotated-file-viewer .annotation-block.older
{
    background-color: #eaeaea;
}
.vc-annotated-file-viewer .annotation-block.oldest
{
    background-color: #f0f0f0;
}
.vc-annotated-file-viewer .annotation-block .selected-annotation-block-marker
{
    position: absolute;
top: 0;
bottom: 0;
left: 0;
;
    width: 3px;
    background-color: #007acc;
}
.vc-annotated-file-viewer .annotation-block .selected-annotation-block-marker.selected-line
{
    width: 5px;
}
.vc-annotated-file-viewer .annotation-details
{
    position: relative;
    height: 14px;
    width: 100%;
    min-width: 180px;
}
.vc-annotated-file-viewer .annotation-details .change-list
{
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;;
    position: absolute;
top: 0;
left: 0;
;
    width: 50px;
}
.vc-annotated-file-viewer .annotation-details .owner
{
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;;
    position: absolute;
top: 0;
right: 70px;
left: 50px;
;
}
.vc-annotated-file-viewer .annotation-details .date
{
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;;
    position: absolute;
top: 0;
right: 5px;
;
    width: 65px;
    text-align: right;
}
.versioncontrol-branches-content .vc-change-summary,
.versioncontrol-branches-content .vc-history-list
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
}

.versioncontrol-branches-content .vc-show-more-link-bar
{
    background-color: #dce6f4;
    border: 1px solid #007acc;
    margin: 2px 20px 0 20px;
}

.versioncontrol-branches-content .navigation-view-tab
{
    overflow: hidden;
}

.versioncontrol-branches-content .vc-show-more-link-bar .vc-show-more-link-textarea
{
    padding: 5px;
}

.versioncontrol-branches-view .version-control-item-left-pane
{
    position: absolute;
    top: 8px;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}

.vc-branch-summary-grid-container
{
    height: 100%;
}
.vc-branch-summary-grid-container.vc-branches-with-show-more
{
    height: calc((100%) - 30px);
}

.vc-branch-summary-grid.grid .grid-row.base-branch-row
{
    color: #ffffff;
    background-color: #007acc;
}

.vc-branch-summary-grid .grid-header-column .behind-count-header
{
    text-align: right;
}

.vc-branch-summary-grid .grid-cell.background-bar .background
{
    position: absolute;
    top: 0;
    bottom: 0;
}

.vc-branch-summary-grid .grid-cell.background-bar .container
{
    position: absolute;
    left: 0;
    right: 0;
    padding: 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000000;
}

.vc-branch-summary-grid .grid-cell.background-bar:hover .container
{
    color: #007acc;
    text-decoration: underline;
}

.vc-branch-summary-grid .grid-cell.background-bar.behind-count-cell .background
{
    background-color: #FEC0C0;
    right: 1px;
}

.vc-branch-summary-grid .grid-cell.background-bar.ahead-count-cell .background
{
    background-color: #C0F0C0;
    left: 1px;
}

.vc-branch-summary-grid .grid-cell.background-bar.behind-count-cell .container
{
    text-align: right;
}

.vc-branch-summary-grid .grid-cell.background-bar.ahead-count-cell .container
{
    text-align: left;
}

.hub-view.explorer.versioncontrol-branches-view .right-hub-content
{
    top: 48px;
}

.vc-branch-selector-text
{
    vertical-align: middle;
}

.vc-branches-container-base,
.vc-branches-container-target
{
    color: #1E1E1E;
}

.vc-page-title-area .vc-branch-selector
{
    width: 1%;
}
.vc-page-title-area .vc-branch-selector.summary-tab
{
    width: 100%;
}

.vc-page-title-area .vc-branch-selector > div
{
    display: inline-block;
}

.vc-branch-selector .switch-branch-button
{
    padding: 5px;
}

.vc-branch-selector .switch-branch-button:hover
{
    background-color: #e6e6e6;
}

.vc-branch-explorer .source-icon
{
    height: 16px;
    width: 16px;
    margin: 0 4px 1px 1px;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    float: left;
}

.vc-branch-explorer .menu-item > .icon
{
    margin-right: 4px !important;
}

.vc-branch-explorer .grid-cell .bowtie-icon,
.vc-branch-explorer .grid-cell .icon
{
    margin-right: 4px;
}

.vc-branch-explorer .grid-row-current,
.vc-branch-explorer .grid-row.base-branch
{
    font-weight: bold;
}

.vc-branch-explorer .grid-row
{
    width: auto;
    right: 0;
}

/* Dropdown for ref selector */
.vc-create-branch-dialog .filtered-list-dropdown-menu
{
    border: 1px solid #cccccc;
    padding: 1px 4px;
    outline: none;
}

.vc-create-branch-dialog .filtered-list-dropdown-menu.disabled
{
    opacity: 0.5;
    cursor: default;
}

.vc-create-branch-dialog .filtered-list-dropdown-menu:hover
{
    background-color: #dcebfc;
}

.vc-create-branch-dialog .filtered-list-dropdown-menu .drop-icon
{
    position: absolute;
    right: 8px;
    top: 8px;
}

.vc-create-branch-dialog .filtered-list-dropdown-menu .selected-item-text
{
    width: calc(498px - 32px);
}

.vc-create-branch-dialog > div.pull-request-checkbox
{
    margin-top: 10px;
}

.ui-dialog.vc-create-branch-dialog-fix
{
    overflow: initial;
    outline: none;
}

button.ui-dialog-titlebar-close.vc-create-branch-dialog-fix
{
    top: 0px;
}

.vc-create-branch-dialog .vc-git-source-ref .vc-git-selector-menu
{
    padding: 4px 10px 4px 10px;
    font-size: 14px;
}

/*
    These styles are to work around limitations in the common control
    They hide various parts of the common control that we simply don't want turned on
    for the create branch dialog
*/
.vc-create-branch-work-item-artifacts {
    clear: left;
}

.vc-create-branch-work-item-artifacts .vc-create-branch-no-work-items-message {
    font-size: 14px;
    margin: 5px 0px 0px 10px;
}

.vc-create-branch-work-item-artifacts .ra-headers,
.vc-create-branch-work-item-artifacts .ra-summary {
    display: none !important;
}

.vc-create-branch-work-item-artifacts .ra-control
{
    min-width: 100px;
}

.vc-create-branch-work-item-artifacts .ra-right
{
    display: none !important;
}

/**/
.vc-repository-policy-content
{
    padding-top: 10px;
    padding-left: 20px;
}

.vc-repository-policy-content .policy-numeric-input
{
    border: 1px solid #cfcfcf;
    width: 60px;
    margin-left: 5px;
    padding: 1px;
}

.vc-repository-policy-content .policy-required-reviewer-input
{
    border: 1px solid #cfcfcf;
    width: 360px;
    padding: 1px;
}

.vc-repository-policy-content .required-reviewers-list-container
{
    float: left;
}

.vc-repository-policy-content .add-reviewers
{
    vertical-align: middle;
    margin-right: 6px;
}

.vc-repository-policy-content .path-tooltip
{
    position: absolute;
    z-index: 1000;
    width: 342px;
    line-height: 15px;
    bottom: 5px;
    left: 45px;
    background-color: #DCE6F4;
}

.vc-repository-policy-content .path-tooltip .close
{
    float: right;
}

.vc-repository-policy-content .tooltip
{
    position: relative;
    bottom: 2px;
}

.vc-repository-policy-content .bowtie-status-info-outline
{
    margin-left: 3px;
}

.vc-repository-policy-content .policy-build-selector,
.policy-analysis-selector
{
    margin-left: 5px;
}

.vc-repository-policy-content .policy-buttons,
.vc-repository-policy-content .header
{
    line-height: 20px;
}

.vc-repository-policy-content .undo-button
{
    margin-left: 5px;
}

.vc-repository-policy-content .resolved-member-name
{
    margin-right: 5px;
}

.vc-repository-policy-content .filter-control
{
    margin-bottom: 18px;
    vertical-align: middle;
    position: relative;
    left: -1px;
}

.vc-repository-policy-content .enabled,
.vc-repository-policy-content .blocking
{
    width: 55px;
    text-align: center;
}

.vc-repository-policy-content .path
{
    width: 390px;
    position: relative;
    left: 25px;
}

.vc-repository-policy-content .reviewers
{
    white-space: pre;
    position: relative;
    left: 50px;
}

.vc-repository-policy-content .content
{
    padding-left: 5px;
    padding-right: 5px;
}

.vc-repository-policy-content .add-groups,
.vc-repository-policy-content .reviewers-why
{
    padding-left: 6px;
    border-left: 1px solid #cfcfcf;
    vertical-align: middle;
}

.vc-repository-policy-content .required-reviewers-policy-description-content,
.vc-repository-policy-content .reviewers-policy-description-content
{
    line-height: 35px;
    white-space: pre;
}
.vc-repository-policy-content .policy-reviewer-column,
.vc-repository-policy-content .policy-build-column,
.vc-repository-policy-content .policy-workitem-column,
.vc-repository-policy-content .policy-commentrequirements-column
{
    position: relative;
    top: 2px;
}

.vc-repository-policy-content .policy-row,
.vc-repository-policy-content .add-clause
{
    white-space: pre;
}

.vc-repository-policy-content .validation-warning
{
    background-color: #ffffcc;
}

.vc-repository-policy-content .policy-warning
{
    background-color: #ffffcc;
    border: 1px solid #D56B01;
    padding: 5px;
    margin: 0px 20px 10px 0px;
}

.vc-repository-policy-content .policy-error
{
    background-color: #e6b9b9;
    border: 1px solid #C00000;
    padding: 5px;
    margin: 0px 20px 10px 0px;
}

.vc-repository-policy-content .dropdown-input-text
{
    background-color: #ffffff;
}

.vc-repository-policy-content .policy-table
{
    line-height: 35px;
    vertical-align: middle;
    position: relative;
    left: -4px;
}

.vc-repository-policy-content .policy-sub-table
{
    margin-bottom: 18px;
    margin-left: 15px;
}

.vc-repository-policy-content .reviewer-policy-sub-table
{
    margin-bottom: 10px;
    margin-left: 15px;
}

.vc-repository-policy-content .policy-descriptionContainer .policy-description-title
{
    font-weight: bold;
}

.vc-repository-policy-content .policy-description-content
{
    margin-bottom: 18px;
}

.policy-description-learn-more
{
    margin-left: 3px;
}

.vc-repository-policy-content .add-remove
{
    width: 30px;
}

.vc-repository-policy-content .policy-sub-text-column
{
    margin-left: 3px;
}

.vc-repository-policy-content .policy-self-approve
.vc-repository-policy-content .policy-workItem-isBlocking
{
     position: relative;
     bottom: 1px;
}

.vc-repository-policy-content .policy-reviewer-sub-checkbox-column
.vc-repository-policy-content .policy-workitem-sub-checkbox-column
{
     padding-top: 9px;
}

.vc-repository-policy-content .reviewers-advanced,
.vc-repository-policy-content .build-advanced,
.vc-repository-policy-content .minimum-reviewers-advanced
{
    color: #C00000;
    margin-left: 5px;
    margin-right: 6px;
    vertical-align: middle;
}

.vc-repository-policy-content .polic-advanced
{
    position: relative;
    bottom: 2px;
    margin-left: 5px;
}

.vc-repository-policy-content .select-path-button
{
    width: 20px;
    height: 20px;
    padding: 0;
    margin-left: 5px;
}

.source-explorer-tree-input {
    min-width: 328px;
    top: 560px;
    left: 5px;
    position: absolute;
    font-weight: bold;
}

.vc-repository-policy-content .invalid-build-definition,
.vc-repository-policy-content .policy-disable
{
    color: #cfcfcf;
}

.vc-repository-policy-content label
{
    color: #000000;
}

.vc-advanced-policy-rest-link
{
    margin: 0px 3px;
}

.vc-repository-policy-content .bowtie-math-plus-light
{
    vertical-align: middle;
}

.vc-diff-viewer.fixedSize
{
    width: 100%;
    height: 100%;
    position: relative;
}

.vc-diff-viewer .diff-header
{
    width: 100%;
    padding-left: 20px;
    position: relative;
}

.vc-diff-viewer .diff-message
{
    background-color: #ffffcc;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    width: 100%;
    white-space: pre-wrap;
}

.vc-diff-viewer .text-diff-container
{
    white-space: pre;
font-family: Consolas, Courier New, monospace;
tab-size: 4;
-ms-tab-size: 4;
-moz-tab-size: 4;
-webkit-tab-size: 4;
-o-tab-size: 4;
;
}

.vc-diff-viewer.fixedSize .text-diff-container,
.vc-diff-viewer.inline .text-diff-container
{
    display: inline-block;
    min-width: 100%;
}

.vc-diff-viewer .ln-o, .vc-diff-viewer .ln-m
{
    text-align: right;
    color: #6D6D6D;
    background-color: #f2f2f2;
    padding-left: 5px;
    padding-right: 5px;
    height: 14px;
    overflow: hidden;
}

.vc-diff-viewer .ln-o.highlighted-row, .vc-diff-viewer .ln-m.highlighted-row
{
    background-color: #DCEBFC;
}

.vc-diff-viewer .diff-lines, .vc-diff-viewer .diff-contents-container
{
    border-color: #cccccc;
    border-left-style: solid;
    border-width: 1px;
}
.vc-diff-viewer .diff-contents-container
{
    border-right-style: solid;
}

.vc-diff-viewer .ln-g
{
    height: 14px;
}

.vc-diff-viewer.has-discussion-manager .ln-g > div
{
    height: 16px;
    width: 16px;
    cursor: pointer;
}
.vc-diff-viewer.has-discussion-manager .ln-g:hover > div
{
    background: url('../../_content/tfs-icons.png') no-repeat -912px 50% !important;
}

.vc-diff-viewer.has-discussion-manager .ln-g.highlighted-row > div
{
    background: url('../../_content/tfs-icons.png') no-repeat -912px 50% !important;
}


.vc-diff-viewer .ellipsis-line.middle
{
    height: 40px;
    position: relative;
}

.vc-diff-viewer .ln-o.ellipsis-line.middle, .vc-diff-viewer .ln-m.ellipsis-line.middle
{
    padding-top: 12px;
}

.vc-diff-viewer .expander
{
    width: 100%;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    height: 14px;
}

.vc-diff-viewer .expander:hover
{
    background-color: #D4E5F5;
}

.vc-diff-viewer .ellipsis-line.middle .ellipsis-line-content
{
    position: absolute;
    top: 21px;
    left: 0;
    right: 0;
    height: 2px;
    border-top-width: 2px;
    border-top-style: dotted;
    border-color: #cccccc;
}

.vc-diff-viewer.fixedSize .code-line
{
    padding-right: 0;
}

.vc-diff-viewer .selected-line.ln-o, .vc-diff-viewer .selected-line.ln-m
{
    background-color: #cccccc;
}

.vc-diff-viewer.fixedSize .image-diff-container
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

.vc-diff-viewer.fixedSize.same-images .image-diff-container,
.vc-diff-viewer.fixedSize.showing-message .image-diff-container
{
    top: 35px;
}
.vc-diff-viewer.fixedSize.same-images.showing-message .image-diff-container
{
    top: 70px;
}

.vc-diff-viewer .diff-image
{
    outline: 1px solid #cccccc;

    background-image: url('../../_content/transparency-checkerboard.png');
}

.vc-diff-viewer .code-line
{
    padding-left: 5px;
    padding-right: 10px;
    height: 14px;
    overflow: hidden;
}
.vc-diff-viewer .code-line.highlighted-row
{
    background-color: #DCEBFC;
}
.vc-diff-viewer .code-line .comment
{
    background-color: #DCEBFC;
}
.vc-diff-viewer .code-line .comment.selected-thread
{
    background-color: #80C0F0;
}

.vc-diff-viewer .code-line.added-content
{
    background-color: #C0F0C0;

}
.vc-diff-viewer .code-line.added-content.highlighted-row
{
    background-color: #80F080;
}
.vc-diff-viewer .code-line.added-content .comment
{
    background-color: #80F080;
}
.vc-diff-viewer .code-line.added-content .comment.selected-thread
{
    background-color: #00F000;
}

.vc-diff-viewer .code-line.deleted-content
{
    background-color: #FEC0C0;

}
.vc-diff-viewer .code-line.deleted-content.highlighted-row
{
    background-color: #FE8080;
}
.vc-diff-viewer .code-line.deleted-content .comment
{
    background-color: #FE8080;
}
.vc-diff-viewer .code-line.deleted-content .comment.selected-thread
{
    background-color: #FE0000;
}

/* Inline */

.vc-diff-viewer.fixedSize.inline
{
    overflow: auto;
}

.vc-diff-viewer.inline .original-image, .vc-diff-viewer.inline .modified-image
{
    display: block;
    height: auto;
    width: 100%;
    text-align: center;
}

.vc-diff-viewer.inline.fixedSize .original-image, .vc-diff-viewer.inline.fixedSize .modified-image
{
    height: 100%;
    max-height: 100%;
}

.vc-diff-viewer .diff-image
{
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

/* Side By Side */

.vc-diff-viewer.fixedSize.side-by-side
{
    overflow-y: auto;
}

.vc-diff-viewer.side-by-side .image-diff-container
{
    white-space: nowrap;
}
.vc-diff-viewer.side-by-side .original-image, .vc-diff-viewer.side-by-side .modified-image
{
    width: 100%;
    vertical-align: top;
    display: inline-block;
}

.vc-diff-viewer.side-by-side .splitter.horizontal > .leftPane
{
    width: 50%;
    overflow-x: auto;
    overflow-y: hidden;
}
.vc-diff-viewer.side-by-side .splitter.horizontal > .handleBar
{
    left: 50%;
}
.vc-diff-viewer.side-by-side .splitter.horizontal > .rightPane
{
    left: 50%;
    overflow-x: auto;
    overflow-y: hidden;
}

.vc-diff-viewer.side-by-side.fixedSize .splitter.horizontal > .leftPane
{
    overflow-y: auto;
}
.vc-diff-viewer.side-by-side.fixedSize .splitter.horizontal > .rightPane
{
    overflow-y: auto;
}

.vc-diff-viewer.side-by-side.fixedSize .text-diff-container
{
    height: 100%;
    display: block;
}
.vc-diff-viewer.side-by-side .side-by-side-container
{
    display: inline-block;
    min-width: 100%;
}

/*
 * Image Diff
 */
.vc-diff-viewer.fixedSize.image-diff
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    right: 10px;
    width: auto;
}
.vc-diff-viewer .image-diff-container
{
    position: relative;
}
.vc-diff-viewer .flip-button
{
    display: none;
    height: 22px;
    margin-top: 2px;
}
.vc-diff-viewer.image-diff-overlay
{
    position: relative;
}
.vc-diff-viewer .image-diff-controls
{
    background-color: #e6e6e6;
    margin-bottom: 10px;
    height: 26px;
    text-align: right;
}
.vc-diff-viewer.fixedSize .image-diff-controls
{
    height: 27px;
}
.vc-diff-viewer.fixedSize .images-container
{
    position: absolute;
    top: 37px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    min-height: 500px;
}
.vc-diff-viewer .image-container
{
    display: inline-block;
    width: 50%;
}
.vc-diff-viewer.side-by-side .original-image
{
    padding-right: 5px;
}
.vc-diff-viewer.side-by-side .modified-image
{
    padding-left: 5px;
}
.vc-diff-viewer.inline .original-image
{
    padding-bottom: 5px;
}
.vc-diff-viewer.image-diff-overlay .original-image, .vc-diff-viewer.image-diff-overlay .modified-image
{
    padding: 0;
}
.vc-diff-viewer.inline .image-container
{
    display: block;
    width: 100%;
}
.vc-diff-viewer.image-diff-overlay .image-container, .vc-diff-viewer.image-diff-overlay canvas.true-image-diff
{
    position: absolute; /* coords set by JS */
}

.vc-diff-viewer img.hide-image-while-loading {
    visibility: hidden;
}

.vc-diff-viewer ul.image-diff-actions
{
    float: right;
    margin-left: 10px;
    margin-right: 20px;
}
.vc-diff-viewer span.image-dimensions
{
    margin-left: 4px;
}

/*
 * Code Comments
 */
.vc-diff-viewer.fixedSize .file-level-discussion-container
{
    margin-left: 5px;
    margin-right: 5px;
}
.vc-diff-viewer .discussion-thread
{
    margin-bottom: 10px;
}
.vc-diff-viewer .text-diff-container .discussion-thread
{
    margin-bottom: 0;
}
.vc-diff-viewer .text-diff-container .discussion-container
{
    padding: 0 5px 10px 5px;
    max-width: 800px;
}
.vc-diff-viewer.side-by-side .text-diff-container .discussion-container
{
    max-width: 600px;
}
.vc-diff-viewer .text-diff-container .diff-lines .discussion-filler
{
    color: #6D6D6D;
    background-color: #f2f2f2;
}
.vc-change-explorer .files-grid-container
{
    position: absolute;
top: 42px;
right: 0;
bottom: 0;
left: 0;
;
    overflow: hidden;
}
.vc-change-explorer .vc-change-explorer-menu.toolbar
{
    margin-right: 0;
}
.vc-change-explorer .vc-change-explorer-menu.toolbar > .menu-bar > .menu-item.bowtie-icon
{
    width: 52px;
}
.vc-change-explorer .vc-change-explorer-menu.toolbar .menu-item.selected-mode
{
    font-weight: bold;
}
.vc-change-explorer .vc-change-explorer-menu.toolbar .comments-mode-menu-item > .text
{
    color: #6D6D6D;
}

.vc-change-explorer-grid
{
    height: 100%;
}
.vc-change-explorer-grid .grid-row
{
    width: auto;
    right: 0;
}
.vc-change-explorer-grid .grid-row .grid-tree-icon
{
    position: static;
}
.vc-change-explorer-grid .grid-row-current
{
    font-weight: bold;
}

.vc-change-explorer-grid .grid-row .file-item.change-type-delete .display-text
{
    text-decoration: line-through;
}

.vc-change-explorer-grid .grid-row .display-text
{
    display: inline;
    padding-left: 4px;
}

.vc-change-explorer-grid .grid-row .message-item
{
    color: #6D6D6D;
}
.vc-change-explorer-grid .grid-row .discussion-item
{
    color: #6D6D6D;
}
.vc-change-explorer-grid .grid-row .identity-picture
{
    vertical-align: top;
}

.vc-change-list-picker .vc-history-list
{
    position: absolute;
top: 130px;
right: 20px;
bottom: 60px;
left: 10px;
;
    overflow: auto
}

.vc-change-summary-header
{
    width: 100%;
    margin-left: 0;
    padding-right: 20px;
}

.vc-push-summary .vc-change-summary-header {
    padding-left: 20px;
}

.vc-change-summary-header > div {
    vertical-align: top;
}

.vc-change-summary-header .vc-change-summary-comment-container
{
    padding-left: 20px;
    padding-right: 10px;
    margin-bottom: 12px;
}

.vc-change-summary-header.tfvc .vc-change-summary-comment {
    display: inline-block;
}
.vc-change-summary-header .vc-change-summary-comment {
    white-space: pre-wrap;
    color: #6D6D6D;
}

.vc-change-summary-header .change-list-summary-comment-more
{
    display: inline-block;
    margin-left: 5px;
}

.vc-change-summary-header .parent-commit-link {
    color: #000000;
}

.vc-change-summary-comment-overflow {
    padding-left: 20px;
    margin-bottom: 10px;
}

.vc-change-summary-header .header-details
{
    vertical-align: top;
    margin-top: 10px;
    margin-left: 20px;
}

.vc-change-summary-header .header-horizontal-row {
    display: inline-block;
    padding-left: 20px;
    width: 100%;
}

.header-horizontal-row > div {
    float: left;
}

.vc-change-summary-header .commit-details {
    text-align: right;
    float: right;
}

.vc-change-summary-header .commit-details > p,
.vc-change-summary-header .commit-details > div,
.vc-change-summary-header .commit-details > ul,
.vc-change-summary-header .commit-details > span {
    margin: 0;
    text-align: left;
}

.vc-change-summary-header .commit-details > span {
    color: #6D6D6D;
}

.vc-change-summary-header .commit-details > span strong {
    color: #000000;
    font-weight: normal;
}

.vc-change-summary-header .picture-container
{
    width: 35px;
    height: 35px;
    display: inline-block;
}

.vc-change-summary-header.tfvc .picture-container
{
    margin-left: 20px;
    display: inline-block;
    vertical-align: top;
    width: 32px;
}


.vc-change-summary-header .vc-popup-content-control .status-info
{
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.vc-change-summary-header-bar .identity-picture.small {
    width: 35px;
    height: 35px;
}

.vc-parent-summary {
    clear: both;
    padding: 5px;
    border: 1px solid transparent;
    box-sizing: content-box;
    min-height: 35px;
}

.vc-parent-summary:hover {
    background-color: #DCEBFC;
    border: 1px solid #B8D6FB;
}

.vc-parent-summary .picture-container {
    float: left;
    height: 35px;
    margin-right: 7px;
}

.vc-change-summary-header .change-details
{
    white-space: pre;
    padding-left: 10px;
    display: inline-block;
}

.vc-change-summary-header .change-details .icon {
    vertical-align: bottom;
}

.vc-change-summary-header.tfvc .change-details
{
    width: 60%;
    display: inline-block;
}

.vc-change-summary-header .change-details .owner-info
{
    text-overflow: ellipsis;
    overflow: hidden;
}

.vc-change-summary-header .change-details.commit
{
    padding-left: 4px;
}

.vc-change-summary-header .change-details .custom-toggle-icon .icon {
    vertical-align: top;
}

.vc-change-summary-header .author-info
{
    height: 16px;
}

.vc-change-summary-header .author-info.one-line
{
    /* Support truncating the text.  This is convoluted but without being able to use flexbox, it is difficult to truncate text side-by-side with the image without hard-coding the width. */
    width: calc((100%) - /*.picture-container margin-right*/7px - /*.picture-container width*/35px);
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vc-change-summary-header.tfvc .author-info
{
    display: inline-block;
}

.vc-change-summary-header .status-info.committer
{
    padding-bottom: 2px;
}

.vc-change-summary-header.tfvc .status-info
{
    color: #6D6D6D;
}

.vc-change-summary-header .change-id-info
{
    margin-bottom: 10px;
    margin-left: 20px;
    color: #6D6D6D;
}

.vc-change-summary .vc-more-changes-warning
{
    background-color: #ffffcc;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
}
.vc-change-summary .vc-more-changes-warning .more-changes-link
{
    margin-left: 10px;
}

.vc-change-summary .vc-change-summary-files .collapsible-section .tfs-collapsible-header
{
    padding-top: 1px;
    padding-bottom: 1px;
    min-height: 27px;
    white-space: nowrap;
}
.vc-change-summary .files-summary-toolbar
{
    display: inline-block;
}

.vc-change-summary .no-changes-message
{
    padding: 10px;
}


.vc-change-summary .changed-files-summary-header .summary-change-counts
{
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
    padding-top: 5px;
}

.vc-change-summary .changed-files-summary-header .action-icon
{
    width: 16px;
    height: 16px;
}

.vc-change-summary .changed-files-summary-header .actions-menu
{
    position: absolute;
    top: 0;
    right: 10px;
    background-color: #e6e6e6;
}

.vc-change-summary .vc-change-summary-files
{
    position: relative;
}

.vc-change-summary .changed-files-summary-header
{
    display: inline-block;
    white-space: nowrap;
}

.vc-change-summary-files .group-header
{
    margin-left: 20px;
    margin-top: 12px;
    margin-bottom: 3px;
    font-weight: bold;
    word-wrap: break-word;
}

.vc-change-summary-files .file-row
{
    position: relative;
}

.vc-change-summary-files .file-cell
{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 5px;
    padding-top: 4px;
    padding-bottom: 4px;
    display: inline-block;
    vertical-align: top;
    height: 24px;
}

.vc-elided-commit-id {
    display: inline-block;
    width: 60px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
    text-decoration: inherit; /* X pushed Y is inside an <a> and we want the elided commit ID to be underlined just like the rest of the anchor's text, despite this element being inline-block (http://stackoverflow.com/a/12920949) */
}

.vc-change-summary-files .file-cell.context-menu
{
    width: 16px;
    height: 16px;
    margin-top: 2px;
}

.vc-change-summary-files .file-cell.context-menu .menu
{
    text-align: left;
    font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
    font-size: 12px;
}

.vc-change-summary-files .file-cell.expand-collapse
{
    cursor: pointer;
    width: 18px;
    padding-right: 0px;
}
.vc-change-summary-files .file-cell .toggle-details
{
    width: 16px;
    height: 16px;
}
.vc-change-summary-files .change-type-delete .file-name
{
    text-decoration: line-through;
}
.vc-change-summary-files .file-cell .file-name .change-type
{
    color: #6D6D6D;
}
.vc-change-summary-files .file-row.change-type-add
{
    background-color: #D8F0D8;
}
.vc-change-summary-files .file-row.change-type-delete
{
    background-color: #FED0D0;
}

.vc-change-summary-files .file-cell.file-name
{
    width: 320px;
}
.vc-change-summary-files .file-cell.file-name.no-folder-path
{
    width: auto;
    position: absolute;
    left: 34px;
    right: 0; /* Should be 160px once we have churn information */
}
.vc-change-summary-files .file-cell.file-path
{
    position: absolute;
    left: 354px;
    right: 0; /* Should be 160px once we have churn information */
}
.vc-change-summary-files .file-cell.lines-added
{
    position: absolute;
    width: 80px;
    right: 80px;
    text-align: center;
}
.vc-change-summary-files .file-cell.lines-deleted
{
    position: absolute;
    width: 80px;
    right: 0px;
    text-align: center;
}
.vc-change-summary-files .file-cell.file-name .image-dimensions
{
    margin-left: 5px;
}
.vc-change-summary-files .item-details
{
    padding-top: 5px;
    margin-bottom: 10px;
    padding-left: 20px;
}
.vc-change-summary-files .item-details .item-details-header
{
    margin-bottom: 10px;
    padding-left: 20px;
    color: #6D6D6D;
}
.vc-change-summary-files .item-details .loading-container
{
    text-align: center;
    padding-bottom: 20px;
}
.vc-change-summary-files .item-details .loading-message
{
    display: inline-block;
    padding-left: 5px;
    padding-top: 12px;
    vertical-align: top;
}
.vc-change-summary-files .item-details .vc-diff-viewer .diff-contents-container, .vc-change-summary-files .item-details .vc-diff-viewer .diff-lines
{
    border-top-style: solid;
    border-bottom-style: solid;
}

.vc-change-summary-files .vc-diff-viewer.inline .diff-image
{
    max-height: 250px;
}

.vc-change-summary .collapsible-section
{
    margin-top: 15px;
    margin-bottom: 20px;
}

.vc-change-summary .collapsible-section .tfs-collapsible-content
{
    padding-left: 0;
    padding-right: 20px;
}

.vc-change-summary .collapsible-section .tfs-collapsible-header
{
    background-color: #e6e6e6;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 20px;
}

.vc-associated-work-items-panel-container
{
    margin-left: 20px;
}

.vc-associated-work-items-panel .associated-work-item
{
    margin-top: 10px;
}

.vc-associated-work-items-panel .associated-work-item .work-item-summary
{
    margin: 5px 0 0 0;
    color: #6D6D6D;
}

.vc-associated-work-items-panel .associated-work-item .work-item-title
{
    margin: 0 0 0 5px;
}

.vc-change-summary .vc-policy-warning-section
{
    margin-left: 20px;
}
.vc-change-summary .vc-policy-warning-section .policy-warnings-icon
{
    height: 16px;
    width: 16px;
    margin-top: 10px;
    display: inline-block;
}
.vc-change-summary .vc-policy-warning-section .policy-warnings-label
{
    display: inline-block;
    padding-left: 6px;
    vertical-align: top;
    padding-top: 12px;
}
.vc-change-summary .vc-policy-warning-section .policy-override-failures > li
{
    padding-bottom: 5px;
}
.vc-change-summary .vc-policy-warning-section .policy-name
{
    color: #6D6D6D;
}
.vc-change-summary .vc-policy-warning-section .policy-override-label
{
    color: #6D6D6D;
}
.vc-change-summary .vc-policy-warning-section .policy-override-comment
{
    padding-left: 5px;
}

.vc-change-summary .vc-checkin-notes-section
{
    margin-left: 20px;
}
.vc-change-summary .vc-checkin-notes-section .checkin-notes-list
{
    list-style-type: none;
    padding-left: 0;
}
.vc-change-summary .vc-checkin-notes-section .checkin-notes-list > li
{
    padding-bottom: 5px;
}
.vc-change-summary .vc-checkin-notes-section .checkin-notes-list .note-name
{
    color: #6D6D6D;
}



.summary-change-counts > span
{
    margin-right: 8px;
}

.summary-change-counts .total-affected-count
{
    padding-right: 4px;
    color: #6D6D6D;
}

.summary-change-counts .change-count
{
    padding: 0 4px;
    color: #ffffff;
}

.summary-change-counts .add-change
{
    color: #548235;
}

.summary-change-counts .add-change .change-count
{
    background-color: #548235;
}

.summary-change-counts .edit-change
{
    color: #1382CE;
}

.summary-change-counts .edit-change .change-count
{
    background-color: #1382CE;
}

.summary-change-counts .delete-change
{
    color: #C00000;
}

.summary-change-counts .delete-change .change-count
{
    background-color: #C00000;
}

.vc-change-summary .other-discussions-container .discussion-thread,
.vc-change-summary .artifact-level-discussion-container .discussion-thread
{
    margin: 10px 0 10px 10px;
}

.vc-change-summary .other-discussions-header
{
    margin-left: 10px;
    margin-top: 15px;
}


/* Git Merge Commits and Parent Diff Styles */

.version-control-item-right-pane.git-merge-commit
{
    position: absolute;
    overflow: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.version-control-item-right-pane.git-merge-commit .navigation-view-tab.vc-summary-tab,
.version-control-item-right-pane.git-merge-commit .navigation-view-tab.vc-diff-summary-tab
{
    position: relative;
}

.vc-change-summary-header .vc-change-summary-diff-container
{
    display: table;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

.vc-change-summary-header .vc-change-summary-diff-row
{
    display: table-row;
}

/* Setting min-width = max-width allows the expected expand/collapse across the page width */
.vc-change-summary-header .vc-change-summary-diff-cell
{
    display: table-cell;
    min-width: 250px;
    max-width: 250px;
    vertical-align: top;
}
.vc-change-summary-header .vc-change-summary-diff-cell.secondary
{
    min-width: 150px;
    max-width: 150px;
}

.vc-change-summary-diff-cell .vc-change-summary-diff-commit
{
    padding: 5px 10px 5px 10px;
    overflow: hidden;
    vertical-align: top;
    border: 1px solid #cccccc;
    border-radius: 5px;
    min-height: 80px;
}
.vc-change-summary-diff-cell .vc-change-summary-diff-commit.multi-commits
{
    box-shadow: 4px 4px #ffffff, 5px 5px #dddddd;
}
.vc-change-summary-diff-cell.secondary .vc-change-summary-diff-commit
{
    margin-top: 20px;
}
.vc-change-summary-diff-cell.emphasize .vc-change-summary-diff-commit
{
    box-shadow: #dddddd 3px 3px 5px;
}
.vc-change-summary-diff-cell.de-emphasize,
.vc-change-summary-diff-separator.de-emphasize
{
    opacity: 0.5;
}

.vc-change-summary-diff-cell .vc-change-summary-diff-commit.diff-commit-hover
{
    box-shadow: none;
    border: 1px double #B8D6FB;
    background-color: #F2F7FD;
    cursor: pointer;
}

.vc-change-summary-diff-cell .vc-change-summary-diff-commit.merge-commit-hover
{
    box-shadow: none;
    border: 1px double #B8D6FB;
}

.vc-change-summary-header .vc-change-summary-diff-separator
{
    display: table-cell;
    width: 20px;
    padding: 70px 0 0 0;
}

/* This is the positioning and font size for the generic diff commit double arrow (if used). Not a standard font size */
.vc-change-summary-header .vc-change-summary-diff-separator-text {
    display: table-cell;
    width: 20px;
    vertical-align: middle;
    padding: 3px;
    font-size: 20px;
    text-align: center;
}

.vc-change-summary-header .vc-change-summary-diff-separator.diff-commit-hover .vc-svg-commit-arrow
{
    stroke: #B8D6FB;
    fill: #B8D6FB;
}

/* Matches .filtered-list-dropdown-menu.vc-git-selector-menu:hover */
.list-dropdown-menu:hover {
    background-color: #DCEBFC;
}

.list-dropdown-menu {
    background-color: none;
    padding: 1px 0 1px 4px;
}

.status-info.commit-branch-indicator {
    margin-left: 20px;
    margin-top: 5px;
    display: none;
}
/*Show expand-collapse icons when hovering with animation.*/
.vc-hoverable .icon-visible-on-hover
{
    opacity: 0;
    /* For Safari 3.1 to 6.0 */
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.vc-hoverable:hover .icon-visible-on-hover
{
    opacity: 1;
}

/*Don't show visible borders on VC tree rows. Use pre-formatted text to preserve whitespace*/
.tree-view.vc-tree > ul.tree-children li.focus > a > div.node-content,
.tree-view.vc-tree > ul.tree-children li.hover > a > div.node-content,
.tree-view.vc-tree > ul.tree-children li.context-menu-active > a > div.node-content,
.tree-view.vc-tree > ul.tree-children li.selected > a > div.node-content,
.tree-view.vc-tree.focus > ul.tree-children li.selected > a > div.node-content,
.tree-view.vc-tree.focus > ul.tree-children li.focus > a > div.node-content,
.tree-view.vc-tree li.tree-drag-tile > a > div.node-content,
.tree-view.vc-tree .tree-children div.node-content
{
    border: solid 1px transparent;
    white-space: pre;
}

.version-control-diff-viewer
{
    height: 100%;
}

.version-control-diff-viewer .diff-viewer-header .diff-actions
{
    position: absolute;
top: 0;
right: 325px;
left: 10px;
;
}
.version-control-diff-viewer .diff-viewer-header .diff-actions.show-version-selector
{
    right: 215px;
}
.version-control-diff-viewer .diff-viewer-header .diff-views
{
    position: absolute;
top: 0;
right: 10px;
;
}
.version-control-diff-viewer .diff-viewer-header .versions-separator .text-separator
{
    margin-top: 0;
    font-weight: normal;
    font-size: 20px; /* This is the font size for the double-arrow symbol. Not a standard font size */
}
.version-control-diff-viewer .diff-viewer-header .diff-version-menu .sub-menu
{
    max-width: 600px;
}
.version-control-diff-viewer .diff-viewer-header .diff-version-menu .selected-version
{
    font-weight: bold;
}
.version-control-diff-viewer .diff-viewer-header .diff-version-menu.active-side > .text
{
    font-weight: bold;
}
.diff-viewer-container
{
    position: absolute;
    top: 44px;
    bottom: 0;
    left: 0;
    right: 0;
}

/*
 * Extension host
*/

.vc-external-diffviewer-host
{
    position: absolute;
    top: 0;
    bottom: 4px;
    left: 0;
    right: 0;
}

.version-control-diff-viewer .extension-host-control .message-area-control
{
    left: 0;
    right: 0;
    top: 4px;
}

.version-control-fallback-diff-viewer
{
    height: 100%;
    position: relative;
}

.version-control-file-viewer
{
    height: 100%;
}

.version-control-file-viewer .extension-host-control .message-area-control
{
    left: 0;
    right: 0;
    top: 4px;
}

.version-control-builtin-viewer
{
    height: 100%;
    position: relative;
}

.version-control-builtin-viewer .vc-preview-content-container
{
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 20px;
    right: 0;
    overflow: auto;
}

.version-control-builtin-viewer .vc-preview-content-container.hide-overflow
{
    overflow: hidden;
}

.version-control-file-viewer .file-contents-container
{
    position: absolute;
    top: 44px;
    bottom: 0;
    left: 0;
    right: 0;
}

.version-control-file-viewer .file-contents-menu .file-actions-menu
{
    position: absolute;
top: 0;
left: 10px;
;
}
.version-control-file-viewer .file-contents-menu .file-views-menu-container
{
    position: absolute;
top: 0;
right: 10px;
;
    margin-right: -2px;
}
.version-control-file-viewer .file-contents-menu .file-views-menu
{
    display: inline-block;
}

.vc-external-fileviewer-host
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}

/* Built-in viewer Styles */

.vc-builtin-file-viewer
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
    white-space: pre;
font-family: Consolas, Courier New, monospace;
tab-size: 4;
-ms-tab-size: 4;
-moz-tab-size: 4;
-webkit-tab-size: 4;
-o-tab-size: 4;
;
}

.vc-builtin-file-viewer.truncated
{
    top: 3em;
}

.vc-builtin-file-viewer-image
{
    position: absolute;
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
;
}

.version-control-file-viewer.has-file-level-discussion-threads .vc-builtin-file-viewer-image
{
    overflow: auto;
}

.vc-builtin-file-viewer-image img
{
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    border: none;
}

.vc-builtin-file-viewer-message-area
{
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 5px;
}

.vc-builtin-file-viewer-message {
    background-color: #ffffcc;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    width: 100%;
    white-space: pre-wrap;
}

.vc-builtin-file-viewer .ln
{
    text-align: right;
    color: #6D6D6D;
    border-color: #cccccc;
    background-color: #f2f2f2;
    border-right-style: solid;
    border-width: 1px;
    padding-left: 5px;
    padding-right: 5px;

    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}

.vc-builtin-file-viewer .content
{
    padding-left: 5px;
}

/*
 * Code Comments
 */
.version-control-file-viewer .discussion-thread
{
    margin-bottom: 10px;
}
.vc-builtin-file-viewer .file-level-discussion-container
{
    margin-left: 5px;
    margin-right: 5px;
}
.vc-builtin-file-viewer-image .file-level-discussion-container
{
    width: 100%;
    padding-right: 10px;
}

/*
* Viewer Extensions
*/
.vc-viewer-configurer-host {
    display: none;
}

/*
* File Viewer Edit Panel
*/
.vc-file-viewer-edit-panel {
    position: absolute;
    left: 10px;
    right: 245px;
    padding-left: 10px;
    white-space: nowrap;
}
.vc-file-viewer-edit-panel.commit-options {
    right: 264px;
}
.vc-file-viewer-edit-panel .identity-image {
    width: 24px;
    height: 24px;
    vertical-align: top;
    margin-top: 6px;
}
.vc-file-viewer-edit-panel .commit-message-area {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    margin-left: 3px;
}
.vc-file-viewer-edit-panel .commit-message,
.vc-file-viewer-edit-panel .commit-message-description {
    border: 1px solid #cccccc;
    position: absolute;
    width: 100%;
    outline: none;
    margin: 6px 5px 0 6px;
    padding-left: 4px;
}
.vc-file-viewer-edit-panel .commit-message {
    height: 24px;
    padding-right: 20px;
    z-index: 2;
}
.vc-file-viewer-edit-panel .commit-message.extended-message {
    border-bottom-style: dashed;
}
.vc-file-viewer-edit-panel .commit-message-description {
    box-shadow: #dddddd 0 0 5px;
    overflow-y: auto;
    resize: none;
    top: 23px;
    height: 102px;
    z-index: 1;
}
.vc-file-viewer-edit-panel .commit-message-bubble {
    position: absolute;
    left: 33px;
    top: 8px;
    z-index: 2;
}
.vc-file-viewer-edit-panel .commit-message-drop {
    position: absolute;
    top: 10px;
    right: -41px;
    z-index: 2;
    cursor: pointer;
}
.vc-file-viewer-edit-panel .edit-file-actions-menu.menu-bar {
    display: inline-block;
    margin: -1px 0px 0px 22px;
}

/*
* File Index Version Control
*/
.vc-index-version-container {
    display: inline-block;
    vertical-align: top;
    margin: 10px 5px;
}

.vc-index-version-container .vc-index-version-label {
    color: #6D6D6D;
    margin-right: 5px;
}

.version-control-item-right-pane .navigation-view-tab.info-tab.git-getting-started-full-screen,
.versioncontrol-branches-view .navigation-view-tab.info-tab.git-getting-started-full-screen
{
    padding: 0px;
}

.empty-git-repo-getting-started-container.bowtie-style
{
    font-size: 13px;
}

/* Mac Safari browsers put in imaginary margins on buttons unless we specifically set to 0 */
.empty-git-repo-getting-started-container button
{
    margin: 0;
}

.empty-git-repo-getting-started-container .git-getting-started-hr
{
    margin-top: 1%;
    border-left: none;
    border-right: none;
    border-top: none;
    margin-left: 0px;
}

.empty-git-repo-getting-started-container .empty-git-repo-getting-started-title
{
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 15px;
}

.empty-git-repo-getting-started-container .empty-git-repo-getting-started-main-title
{
    font-size: 22px;
    padding-left: 20px;
    white-space: pre;
}

.empty-git-repo-getting-started-container .git-getting-started-subsection-title
{
    font-size: 13px;
    font-weight: 600;
    padding-bottom: 5px;
    padding-top: 20px;
}

.empty-git-repo-getting-started-container .git-getting-started-subsection-title.git-getting-started-subsection-first-title
{
    padding-top: 0px;
}

.hub-view.explorer .right-hub-content.top-of-page,
.empty-repository .hub-content
{
    top: 15px;
}

.empty-git-repo-getting-started-container .textbox-label
{
    color: #6d6d6d;
    display: block;
    font-size: 12px;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 3px;
    text-align: left;
    white-space: nowrap;
    width: 100%;
}

.empty-git-repo-getting-started-container .git-getting-started-subsection-title.git-getting-started-subsection-title-less-top-padding,
.empty-git-repo-getting-started-container .textbox-label.git-no-top-padding
{
    padding-top: 0px;
}

.empty-git-repo-getting-started-container .git-getting-started-supporting-text.git-getting-started-margin-bottom
{
    margin-bottom: 15px;
}

.empty-git-repo-getting-started-container .git-getting-started-step-by-step-text
{
    color: inherit;
    padding-top: 10px;
}

.empty-git-repo-getting-started-container .git-getting-started-underlined-link
{
    text-decoration: underline;
}

.empty-git-repo-getting-started-container .git-getting-started-link-class
{
    font-weight: normal;
}

.empty-git-repo-getting-started-container .icon
{
    margin: -2px 10px 0px 5px;
    vertical-align: middle;
}

.empty-git-repo-getting-started-container .colored-button-no-icon
{
    padding-left: 15px;
}

.bowtie-style.empty-git-repo-getting-started-container .btn-cta.vs-button
{
    background-color: #68217a;
    border-color: #68217a;
    margin-right: 20px;
}

.bowtie-style.empty-git-repo-getting-started-container .btn-cta.vs-button:hover
{
    background-color: #68217a;
    border-color: #562063;
}

.bowtie-style.empty-git-repo-getting-started-container .btn-cta.vs-button>span.bowtie-icon
{
    color: white;
}

.empty-git-repo-getting-started-container .icon-vs-logo
{
    width: 20px;
    height: 20px;
}

.empty-git-repo-getting-started-container .getting-started-control-initialize-repo-wait
{
    display: none;
}

.empty-git-repo-getting-started-container .git-getting-started-error-style
{
    color: #C00000;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 340px;
    font-weight: 600;
}

.empty-git-repo-getting-started-container .git-getting-started-download-windows-git-link
{
    padding-top: 10px;
}

.empty-git-repo-getting-started-container .git-getting-started-section-container
{
    padding: 20px;
    border-bottom: 1px solid #ddd;
}

.empty-git-repo-getting-started-container .git-getting-started-section-container:last-child
{
    border-bottom: none;
}

.empty-git-repo-getting-started-container .git-getting-started-command-line-expand
{
    display: inline-block;
    padding-right: 30px;
    font-weight: 600;
}

.empty-git-repo-getting-started-container .git-getting-started-command-line-expand:after
{
    position: relative;
    content: '';
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top-color: inherit;
    top: 11px;
    right: -5px;
}

.empty-git-repo-getting-started-container .git-getting-started-ssh-keys-section.control-with-button,
.empty-git-repo-getting-started-container .vc-inline-git-credentials-create-credentials-button
{
    margin-top: 10px;
    display: inline-block;
}

.empty-git-repo-getting-started-container .vc-inline-git-credentials-stacked-links .vc-inline-git-credentials-altcreds-learn-more-link,
.empty-git-repo-getting-started-container .vc-inline-git-credentials-stacked-links .vc-inline-git-credentials-altcreds-create-pat-link,
.empty-git-repo-getting-started-container .git-getting-started-ssh-keys-section > button
{
    font-weight: normal;
    margin-right: 20px;
}

.hub-view.empty-repository .hub-pivot-content {
    border: none;
    margin: 0px;
}

/* Clone pop up styles */
.clone-popup-content-control.popup-content-control
{
    width: 420px;
    overflow: hidden;
    box-shadow: 0 2.5px 5px rgba(0,0,0,.4);
}

.clone-popup-content-control .empty-git-repo-getting-started-container
{
    margin: 0px;
}

.clone-popup-content-control .git-getting-started-command-line-info-container
{
    margin-bottom: 25px;
}

.clone-popup-content-control .vc-inline-git-credentials-error-style
{
    width: 340px;
}

.clone-popup-content-control .popup-content-container
{
    width: 420px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background-color: #fff;
    color: #000;
    border: 1px solid #cccccc;
}

.clone-popup-content-control .clone-popup
{
    padding: 0px;
    border: none;
}

.clone-popup-content-control .git-getting-started-section-container
{
    padding: 15px;
}

.clone-popup-content-control .git-getting-started-supporting-text,
.clone-popup-content-control .textbox-label
{
    color: #6d6d6d;
}

.clone-popup-content-control .multiple-toggle-container .multiple-toggle-text
{
    display: inline-block;
    width: 310px;
}

.clone-popup-content-control .bowtie-style .multiple-toggle-text.multiple-toggle-text-editable
{
    width: 321px;
}

.clone-popup .vc-inline-git-credentials-container .input-error-tip,
.clone-popup .multiple-toggle-container
{
    width: 362px;
}

.clone-popup .bowtie-style .multiple-toggle-container .multiple-toggle-text-showing-options
{
    max-width: 229px;
}

.clone-popup-content-control .multiple-toggle-text.vc-inline-git-credentials-input-field
{
    min-width: 362px;
}

.clone-popup .vc-inline-git-credentials-container .multiple-toggle-container.bowtie-tooltipped.bowtie-tooltipped-always-showing:after
{
    min-width: 346px;
}

/* plug-ins and credential manager styles */
.empty-git-repo-getting-started-container .git-getting-started-plugin-credential-manager-text
{
    padding-bottom: 20px;
}

.empty-git-repo-getting-started-container .git-getting-started-plugin-table .icon
{
    width: 45px;
    height: 35px;
    cursor: pointer;
}

.empty-git-repo-getting-started-container .git-getting-started-plugin-link-row
{
    text-align: center;
    text-decoration: underline;
}

.empty-git-repo-getting-started-container .git-getting-started-plugin-icon-row
{
    text-align: center;
}

.empty-git-repo-getting-started-container .git-getting-started-windows-icon
{
    width: 45%;
}

.empty-git-repo-getting-started-container .git-getting-started-intelliJ-icon
{
    width: 15%;
}

.empty-git-repo-getting-started-container .git-getting-started-androidstudio-icon
{
    width: 30%;
}

.empty-git-repo-getting-started-container .git-getting-started-plugin-table
{
    margin-right: 20px;
    max-width: 370px;
}

.xcode-icon
{
    background: url('../../_content/xcode.png') -0px -0px !important;
}

.eclipse-icon
{
    background: url('../../_content/eclipse.png') -0px -0px !important;
}

.command-line-icon
{
    background: url('../../_content/console.png') -0px -0px !important;
}

.visual-studio-product-icon
{
    background: url('../../_content/vs-icon.png') -0px -0px !important;
}

.getting-started-control-initialize-repo-wait
{
    background: url('../../_content/product-logo.png') no-repeat 0px 0px !important;
}

.vc-history-list .result-message
{
    padding-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 5px;
}

/* Extra bottom margin so that the browser's dynamic status bar showing URL targets doesn't hide it. */
.vc-history-list .change-list-more.result-message
{
    margin-bottom: 20px;
}

.vc-history-list .results-container .group-header
{
    background-color: #e6e6e6;
    padding-left: 20px;
    padding-top: 4px;
    padding-bottom: 4px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vc-history-list .results-container .group-results-container
{
    padding-left: 20px;
    margin-top: 10px;
    margin-bottom: 5px;
}

.vc-history-list .results-container .group-results
{
    width: 100%;
}

.vc-history-list .results-container .history-result .pick-container
{
    width: 40px;
    vertical-align: top;
    padding-top: 8px;
}

.vc-history-list .results-container .history-result .file-counts
{
    width: 24px;
    vertical-align: top;
    padding-top: 8px;
}

.vc-history-list .results-container .history-result .file-counts.extra-small-change .bowtie-dot
{
    font-size: 2px;
    text-align: center;
    line-height: 16px;
}

.vc-history-list .results-container .history-result .file-counts.small-change .bowtie-dot
{
    font-size: 4px;
    text-align: center;
    line-height: 16px;
}

.vc-history-list .results-container .history-result .file-counts.medium-change .bowtie-dot
{
    font-size: 8px;
    text-align: center;
    line-height: 16px;
}

.vc-history-list .results-container .history-result .file-counts.large-change .bowtie-dot
{
    font-size: 12px;
    text-align: center;
    line-height: 16px;
}

.vc-history-list .results-container .history-result .file-counts.extra-large-change .bowtie-dot
{
    font-size: 16px;
    text-align: center;
    line-height: 16px;
}

.vc-history-list .results-container .history-result .picture
{
    width: 40px;
    height: 43px;
    vertical-align: top;
}

.vc-history-list .results-container .history-result .change-type
{
    width: 1%;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 10px;
    padding-bottom: 8px;
    vertical-align: top;
    word-break: keep-all;  /* keep-all prevents Korean words from unnecessarily breaking between each letter */
    color: #6D6D6D;
}

.vc-history-list .results-container .expand-history-link-text
{
    padding-left: 4px;
}

.vc-history-list .results-container .child-history-label
{
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 20px;
    color: #6D6D6D;
}

.vc-history-list .results-container .history-result .result-details
{
    padding-right: 8px;
    vertical-align: top;
}

.vc-history-list .results-container .history-result .result-details .change-link-container .more-comment-link,
.versioncontrol-change-list-view .more-comment-link
{
    display: inline-block;
    background-color: #e6e6e6;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 5px;
    cursor: pointer;
}
.vc-history-list .results-container .history-result .result-details .change-link-container .more-comment-link:hover,
.versioncontrol-change-list-view .more-comment-link:hover
{
    background-color: #D4E5F5;
}

.vc-history-list .results-container .history-result .result-details .full-comments
{
    white-space: pre-wrap;
    word-break: break-all; /* word-wrap does not have the desired result due to this being in a table */
}

.vc-history-list .results-container .history-result .result-details .change-info
{
    color: #6D6D6D;
}

.vc-history-list .results-container .history-result .comments-indicator-container
{
    height: 43px;
    width: 24px;
    vertical-align: top;
    padding-top: 8px;
}

.vc-history-list .no-comments .history-result .comments-indicator-container
{
    display: none;
}

/* Compact Table Styles */

.vc-history-list .results-container.compact-table
{
    margin-left: 10px;
}

.vc-history-list .scrollable-header-container
{
    position: relative;
    padding-top: 24px;
    height: 100%;
}
.vc-history-list .results-container.compact-table.with-header
{
    overflow: auto;
    height: 100%;
}

.vc-history-list .results-container.compact-table .group-results
{
    width: 100%;
    table-layout: fixed;
}

.vc-history-list .results-container.compact-table .history-result.history-header
{
    height: 0px;
}
.vc-history-list .results-container.compact-table .history-result.history-header td
{
    height: 0px;
    line-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    color: transparent;
}
.vc-history-list .results-container.compact-table .history-result.history-header td.pick-container,
.vc-history-list .results-container.compact-table .history-result.history-header td.file-counts,
.vc-history-list .results-container.compact-table .history-result.history-header td.comments-indicator-container
{
    height: 0px;
    padding-top: 0px;
}

.vc-history-list .results-container.compact-table .history-header .header-text
{
    position: absolute;
    top: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 3px;
    line-height: normal;
    color: #6D6D6D;
}
.vc-history-list .results-container.compact-table .history-header.history-result:hover
{
    background-color: initial;
}

.vc-history-list .results-container.compact-table .history-result:hover
{
    background-color: #f2f2f2;
}
.vc-history-list .results-container.compact-table .history-result
{
    height: 24px;
}

.vc-history-list .results-container.compact-table .history-result td
{
    padding-right: 8px;
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 3px;
}
.vc-history-list .results-container.compact-table .history-result td.pick-container,
.vc-history-list .results-container.compact-table .history-result td.file-counts,
.vc-history-list .results-container.compact-table .history-result td.comments-indicator-container
{
    height: auto;
    padding-top: 2px;
    text-overflow: clip;
}

.vc-history-list .results-container.compact-table .history-result td.result-id
{
    width: 60px;
}
.vc-history-list .results-container.compact-table .history-result td.result-author
{
    width: 160px;
}
.vc-history-list .results-container.compact-table .history-result td.result-author .author-container
{
    position: relative;
}
.vc-history-list .results-container.compact-table .history-result .picture
{
    width: auto;
    height: auto;
    position: absolute;
    top: 1px;
}
.vc-history-list .results-container.compact-table .history-result .author
{
    padding-right: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    left: 22px;
    right: 0px;
}
.vc-history-list .results-container.compact-table .history-result td.result-date
{
    width: 200px;
}


.ui-dialog-content.vc-item-picker
{
    margin-bottom: 20px;
}

.vc-history-basic-filter
{
    position: relative;
    white-space: nowrap;
    height: 15px;
}

.vc-changes-list-filter .vc-history-basic-filter
{
    height: 21px;
    width: 100%;
}

.vc-changes-list-filter.advanced-mode .vc-history-basic-filter
{
    /* Let the hide-advanced-search link overlap the top of the advanced filter control (over the whitespace at the end of the Path label) */
    height: 2px;
}

.vc-changes-list-filter .basic-filter-content, .vc-history-basic-filter .basic-filter-hide-advanced-link
{
    position: absolute;
    top: 0;
    right: 20px;
}

.vc-history-basic-filter .filter-separator
{
    color: #6D6D6D;
}

.vc-history-basic-filter .selected-filter
{
    color: #000000;
    text-decoration: none;
    cursor: default;
}

.vc-changes-list-filter .advanced-filter
{
    padding-bottom: 10px;
}

.vc-changes-list-filter .advanced-filter table.filter
{
    width: 100%;
}

.vc-changes-list-filter .advanced-filter td
{
    padding-right: 5px;
}

.vc-changes-list-filter .advanced-filter .combo,
.vc-changes-list-filter .advanced-filter .mru-identity-picker
{
    border: 1px solid #cccccc;
}
.vc-changes-list-filter .advanced-filter input
{
    border: 1px solid #cccccc;
    width: 100%;
    height: 20px;
}
.vc-changes-list-filter .advanced-filter input.disabled
{
    background-color: #f2f2f2;
}

.vc-changes-list-filter .advanced-filter button
{
    height: 1.7em;
    margin-left: 0.5em;
    white-space: nowrap;
}

.vc-changes-list-filter .advanced-filter .filtered-list-dropdown-menu .selected-item-text
{
    max-width: 250px;
}

.vc-shelvesets-picker .vc-history-list
{
    position: relative;
}
.vc-shelveset-list-filter .advanced-filter td
{
    padding-right: 5px;
}

.vc-shelveset-list-filter button
{
    height: 1.7em;
    margin-left: 0.5em;
    white-space: nowrap;
}

.vc-changes-list-filter .invalid-form
{
    background-color: #FFF3F3;
}

.vc-changes-list-filter .error-tip
{  /* The tooltip */
    background-color: #C00000;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    color: #FFF;
    display: block;
    padding: 5px 10px 7px 10px;
    text-align: left;
    z-index: 910;
    position: relative;
    top: 20px;
}

.vc-changes-list-filter .error-tip:before
{ /* The pointer of the tooltip */
    position: absolute;
    content: '';
    width:0;
    height: 0;
    border:6px solid transparent;
    border-bottom-color:#C00000;
    top:-12px;
    z-index: 915;
}
.vc-inline-git-credentials-container .vc-inline-git-credentials-error-style
{
    color: #C00000;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 600;
}

.vc-inline-git-credentials-container .vc-inline-git-credentials-button-pane
{
    padding-top: 10px;
}


.vc-inline-git-credentials-container .vc-inline-git-credentials-alternate-auth-link
{
    padding-right: 20px;
}

.vc-inline-git-credentials-container .control-with-button.vc-inline-git-credentials-button-pane
{
    width: 355px;
}

.vc-inline-git-credentials-stacked-links
{
    float: right;
}

.vc-inline-git-credentials-stackable-link
{
    position: relative;
    display: block;
}

.vc-inline-git-credentials-container .vc-inline-git-credentials-input-field
{
    min-width: 542px;
}

.vc-inline-git-credentials-container .multiple-toggle-container.bowtie-tooltipped.bowtie-tooltipped-always-showing:before {
    top: 21px;
    left: 10px;
}

.vc-inline-git-credentials-container .multiple-toggle-container.bowtie-tooltipped.bowtie-tooltipped-always-showing:after {
    min-width: 526px;
    top: 27px;
    right: 15px;
    text-align: left;
}

.vc-inline-git-credentials-container .vc-inline-git-credentials-button-pane>button:before {
    left: 10px;
}

.vc-inline-git-credentials-container .vc-inline-git-credentials-button-pane>button:after {
    left: 13px;
}

.vc-inline-git-credentials-container #orCreatePatLink:before {
    right: 15px;
}

.vc-inline-git-credentials-container #orCreatePatLink:after{
    right: 15px;
}
.multiple-toggle-container
{
	position: relative;
    display: table;
    width: 542px;
}

.multiple-toggle-container.non-editable-selection
{
    padding: 10px 55px 10px 10px;
    background-color: #e6e6e6;
    color: #000000;
}

button > span.multiple-toggle-vertical-bar
{
    margin-left: 3px;
    margin-right: 3px;
}

.bowtie-style .multiple-toggle-container .multiple-toggle-button
{
    top: -1px;
}

button > span.multiple-toggle-button-text-selected
{
    font-weight: 600;
}

.bowtie-style .multiple-toggle-container button
{
	min-width: 0px;
}

.multiple-toggle-text
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display:inline-table;
	font-size: 13px;
    word-wrap: break-word;
    word-break: break-all;
}

div.multiple-toggle-copy-button-container.icon
{
    cursor: pointer;
}

.multiple-toggle-container .multiple-toggle-copy-button-container
{
    position: absolute;
    top: 0;
    right: 0;
}

.multiple-toggle-container .multiple-toggle-copy-button-container.multiple-toggle-copy-button-console-style
{
    position: absolute;
    top: 5px;
    right: 5px;
}

,.multiple-toggle-container button.multiple-toggle-copy-button
{
    float: right;
    border-radius: 0px;
    vertical-align: baseline;
}

.multiple-toggle-container.non-editable-selection .multiple-toggle-copy-button {
    height: 25px;
    padding: 0px 5px;
}

.multiple-toggle-container.non-editable-selection .icon {
    padding-bottom: 18px;
}

div.multiple-toggle-text.git-getting-started-console-text-style
{
    font-family: Consolas, Courier New, monospace;
}

.bowtie-style .multiple-toggle-container .multiple-toggle-text[readonly]
{
    background-color: white;
}

.bowtie-style .multiple-toggle-text.multiple-toggle-text-editable
{
    display: inline-block;
    margin-left: 0px;
    padding: 5px 10px 5px 10px;
	width: 501px;
	border: 1px solid #cccccc;
    font-size: 14px;
    text-overflow: ellipsis;
}

.multiple-toggle-container .multiple-toggle-text.multiple-toggle-text-editable.multiple-toggle-text-showing-options
{
    border-left: none;
    width: 409px;
}

.multiple-toggle-container .multiple-toggle-text.multiple-toggle-text-editable.multiple-toggle-text-showing-copy-button
{
    border-right: none;
}

.multiple-toggle-container.multiple-toggle-top-margin {
    margin-top: 10px;
}

/*START CSS tooltip styles*/
.help-tip:hover > p
{
	display: inline-table;
	-webkit-animation: fadeIn 0.3s ease-in-out;
	animation: fadeIn 0.3s ease-in-out;
}

/* The tooltip */
.help-tip > p
{
	display: none;
	text-align: left;
	background-color: #1E2021;
	padding: 10px;
	position: absolute;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	color: #FFF;
    z-index: 100;
}

.help-tip .tooltip-text
{
    font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
}

.help-tip > p.multiple-toggle-text-box-copy-to-clipboard-style
{
    width: 127px;
    transform: translate(-110px,10px);
    -ms-transform: translate(-110px,10px);
    -webkit-transform: translate(-110px,10px);
    -moz-transform: translate(-110px,10px);
    -o-transform: translate(-110px,10px);
}

.help-tip > p.multiple-toggle-text-box-copied-to-clipboard-style
{
    transform: translate(-48px,10px);
    -ms-transform: translate(-48px,10px);
    -webkit-transform: translate(-48px,10px);
    -moz-transform: translate(-48px,10px);
    -o-transform: translate(-48px,10px);
}

/* The pointer of the tooltip */
.help-tip > p:before
{
	position: absolute;
	content: '';
	width:0;
	height: 0;
	border:6px solid transparent;
	border-bottom-color:#1E2021;
	top:-11px;
}

.help-tip > p.multiple-toggle-text-box-copy-to-clipboard-style:before
{
    transform: translate(95px,0px);
    -ms-transform: translate(95px,0px);
    -webkit-transform: translate(95px,0px);
    -moz-transform: translate(95px,0px);
    -o-transform: translate(95px,0px);
}

.help-tip > p.multiple-toggle-text-box-copied-to-clipboard-style:before
{
    transform: translate(35px,0px);
    -ms-transform: translate(35px,0px);
    -webkit-transform: translate(35px,0px);
    -moz-transform: translate(35px,0px);
    -o-transform: translate(35px,0px);
}

.help-tip > p:after
{ /* Prevents the tooltip from being hidden */
	width:100%;
	height:40px;
	content:'';
	position: absolute;
	top:-40px;
	left:0;
}
/*END CSS tooltip styles*/

/* bowtie-tooltipped styles, Leave the other CSS styles (above) for now till we reach a standardized version (perhaps introduce a tooltip control).*/
.bowtie-tooltipped {
    position: relative;
}

.bowtie-tooltipped:after {
    position: absolute;
    z-index: 1000000;
    display: none;
    padding: 5px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: break-word;
    white-space: pre;
    pointer-events: none;
    content: attr(aria-label);
    background: rgba(0,0,0,1);
    border-radius: 0px;
    -webkit-font-smoothing: subpixel-antialiased;
}

.bowtie-tooltipped:before {
    position: absolute;
    z-index: 1000001;
    display: none;
    width: 0;
    height: 0;
    color: rgba(0,0,0,1);
    pointer-events: none;
    content: "";
    border: 5px solid transparent;
}

.bowtie-tooltipped.bowtie-tooltipped-errortip:before{
    border-bottom-color: #C00000;
}

.bowtie-tooltipped.bowtie-tooltipped-errortip:after{
    background-color: #C00000;
}

.bowtie-tooltipped-always-showing:before, .bowtie-tooltipped-always-showing:after,
.bowtie-tooltipped:hover:before,.bowtie-tooltipped:hover:after,.bowtie-tooltipped:active:before,.bowtie-tooltipped:active:after,.bowtie-tooltipped:focus:before,.bowtie-tooltipped:focus:after {
    display: inline-block;
    text-decoration: none;
    -webkit-animation: fadeIn 0.3s ease-in-out;
	animation: fadeIn 0.3s ease-in-out;
}

.bowtie-tooltipped-always-showing::after,
.bowtie-tooltipped-multiline:hover:after,.bowtie-tooltipped-multiline:active:after,.bowtie-tooltipped-multiline:focus:after {
    display: table-cell;
    -webkit-animation: fadeIn 0.3s ease-in-out;
	animation: fadeIn 0.3s ease-in-out;
}

.bowtie-tooltipped-s:after,.bowtie-tooltipped-se:after,.bowtie-tooltipped-sw:after {
    top: 100%;
    right: 50%;
    margin-top: 5px;
}

.bowtie-tooltipped-s:before,.bowtie-tooltipped-se:before,.bowtie-tooltipped-sw:before {
    top: auto;
    right: 50%;
    bottom: -5px;
    margin-right: -5px;
    border-bottom-color: rgba(0,0,0,1);
}

.bowtie-tooltipped-se:after {
    right: auto;
    left: 50%;
    margin-left: -15px;
}

.bowtie-tooltipped-sw:after {
    margin-right: -15px;
}

.bowtie-tooltipped-n:after,.bowtie-tooltipped-ne:after,.bowtie-tooltipped-nw:after {
    right: 50%;
    bottom: 100%;
    margin-bottom: 5px;
}

.bowtie-tooltipped-n:before,.bowtie-tooltipped-ne:before,.bowtie-tooltipped-nw:before {
    top: -5px;
    right: 50%;
    bottom: auto;
    margin-right: -5px;
    border-top-color: rgba(0,0,0,1);
}

.bowtie-tooltipped-ne:after {
    right: auto;
    left: 50%;
    margin-left: -15px;
}

.bowtie-tooltipped-nw:after {
    margin-right: -15px;
}

.bowtie-tooltipped-s:after,.bowtie-tooltipped-n:after {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}

.bowtie-tooltipped-w:after {
    right: 100%;
    bottom: 50%;
    margin-right: 5px;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
}

.bowtie-tooltipped-w:before {
    top: 50%;
    bottom: 50%;
    left: -5px;
    margin-top: -5px;
    border-left-color: rgba(0,0,0,1);
}

.bowtie-tooltipped-e:after {
    bottom: 50%;
    left: 100%;
    margin-left: 5px;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
}

.bowtie-tooltipped-e:before {
    top: 50%;
    right: -5px;
    bottom: 50%;
    margin-top: -5px;
    border-right-color: rgba(0,0,0,1);
}

.bowtie-tooltipped-multiline:after {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 250px;
    word-break: break-word;
    word-wrap: normal;
    white-space: pre-line;
    border-collapse: separate;
}

.bowtie-tooltipped-multiline.bowtie-tooltipped-s:after,.bowtie-tooltipped-multiline.bowtie-tooltipped-n:after {
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.bowtie-tooltipped-multiline.bowtie-tooltipped-w:after,.bowtie-tooltipped-multiline.bowtie-tooltipped-e:after {
    right: 100%;
}

@media screen and (min-width: 0\0) {
    .bowtie-tooltipped-multiline:after {
        width: 250px;
    }
}

.bowtie-tooltipped-sticky:before,.bowtie-tooltipped-sticky:after {
    display: inline-block;
}

.bowtie-tooltipped-sticky.bowtie-tooltipped-multiline:after {
    display: table-cell;
}

/* CSS animation */
@-webkit-keyframes fadeIn
{
	0% {
		opacity:0;
		transform: scale(0.6);
	}

	100% {
		opacity:100%;
		transform: scale(1);
	}
}

@keyframes fadeIn
{
	0% { opacity:0; }
	100% { opacity:100%; }
}
.vc-page-title-area .vc-branch-selector .selected-item-text
{
    max-width: 200px;
    text-overflow: ellipsis;
}
.vc-page-title-area .vc-branch-selector.summary-tab .selected-item-text
{
    max-width: 400px;
}

.vc-page-title-area .vc-branch-selector .filtered-list-popup .filtered-list-control .filtered-list
{
    width: 300px;
}

.vc-page-title .vc-split-title-container {
    margin-top: -3px;
}

.vc-page-title .vc-split-title-left
{
    max-width: 200px;
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
}

.vc-page-title .vc-split-title-separator {
    vertical-align: middle;
}

.vc-page-title .vc-split-title-right
{
    max-width: 400px;
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
}
.versioncontrol-git-history-view-content .vc-pushes-list .change-info
{
    color: #6D6D6D;
}
.versioncontrol-git-history-view-content .vc-changes-list-filter .advanced-filter .identity-input input
{
    border: none;
    height: auto;
}
.versioncontrol-git-history-view-content .vc-changes-list-filter .identity-picker-control .identity-picker-main
{
    white-space: nowrap;
}
.versioncontrol-git-history-view-content .vc-changes-list-filter .advanced-filter
{
    padding-top: 16px;
}
.versioncontrol-git-history-view-content .vc-changes-list-filter.advanced-mode
{
    padding-left: 44px;
}
.versioncontrol-git-history-view .vc-history-list .results-container .group-results-container {
    padding-left: 20px;
    padding-right: 10px;
}

.vc-branch-updates-tab .history-result {
    cursor: pointer;
    border: 1px solid transparent;
}
.vc-branch-updates-tab .history-result.push-row-hover {
    border: 1px double #B8D6FB;
    background-color: #F2F7FD;
}
.vc-branch-updates-tab .history-result .expandable {
    vertical-align: top;
    padding-top: 8px;
    width: 16px;
}

/* The preview-container is where we show pull request details and the commits associated with a push */
.vc-branch-updates-tab .preview-container {
    border-left: 1px solid #cccccc;
    margin-bottom: 10px;
}
.vc-branch-updates-tab .preview-container .history-result {
    cursor: default;
    border: none;
}
.vc-branch-updates-tab .preview-container .history-result.de-emphasize {
    opacity: 0.5;
}
.vc-branch-updates-tab .preview-container .history-result .pull-request-details {
    vertical-align: top;
}
.vc-branch-updates-tab .preview-container .history-result .pull-request-details .expand-details {
    float: left;
    margin-left: -5px;
    height: 48px;
    cursor: pointer;
}
.vc-branch-updates-tab .preview-container .vc-history-list .results-container .group-header {
    display:none
}
.vc-branch-updates-tab .preview-container .vc-history-list .results-container .group-results-container {
    padding-left: 10px;
    margin-top: 0px;
}
.vc-branch-updates-tab .preview-container .pullrequest-details-container {
    margin-bottom: 10px;
    margin-left: 10px;
}
.vc-branch-updates-tab .preview-container .pull-request-description {
    max-height: 48px;
    overflow: hidden;
}
.vc-branch-updates-tab .preview-container .pull-request-description.expanded {
    max-height: none
}
.vc-branch-updates-tab .preview-container .pull-request-description.collapsable {
    cursor:pointer;
    padding-left: 4px;
    padding-right: 4px;
}
.vc-branch-updates-tab .preview-container .expand-cell {
    width: 40px;
    vertical-align: bottom;
}

/* Extra bottom margin so that the browser's dynamic status bar showing URL targets doesn't hide it. */
.vc-branch-updates-tab .vc-history-list .pushes-list-more.result-message
{
    margin-bottom: 20px;
}

.vc-push-summary .push-info-bottom-line
{
    color: #6D6D6D;
}
.vc-push-summary .push-info-bottom-line .status-pusher
{
    padding-right: 5px;
}
.vc-push-summary .selected-ref-update
{
    font-weight: bold;
}
.vc-push-summary ul.ref-actions
{
    margin-bottom: 0;
}
.vc-push-summary .vc-change-summary-refUpdates .collapsible-section
{
    margin-bottom: 10px;
}
.repo-actionsbar-container {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    width:865px;
    margin: 0 auto 15px;
    padding-top:8px;
    background-color:#fff;
}

.repo-actionsbar-title {
  border-bottom: 1px solid #ddd;
  margin-bottom: 5px;
  padding-bottom: 3px;
  font-size: 18px;
  color: #656565;
}

.repo-actionsbar-close {
  width: 16px;
  height: 16px;
  position: absolute;
  right: 0;
  top: 20px;
  cursor: pointer;
}

.repo-actionsbar-items-container {
    padding:8px 0 8px 0;
    float:left;
}

.repo-actionsbar-items-container > div {
    float:left;
}

.repo-action-container {
    background-color: #e5e5e5;
    position:relative;
    width: 275px;
    height:155px;
    padding:15px 10px;
    margin-right:12px;
    overflow:hidden;
}

.repo-action-title {
    font-size: 18px;
    color: #007ACC;
    font-weight: bold;
    padding-bottom: 5px;
}

.repo-action-cta-container {
    padding-top:10px;
    position:absolute;
    bottom:10px;
    width:100%;
}

.repo-action-cta-openwithvs {
    border: 0;
    background-color: #68217a;
    color: #fff;
    padding: 7px 15px;
    cursor: pointer;
}

.repo-action-cta-clone {
    width: 90%;
    padding: 3px 5px;
}

.repo-action-cta-addfiles {
    border: 0;
    background-color: #007acc;
    color: #fff;
    padding: 7px 15px;
    cursor: pointer;
}
.vc-git-repository-selector-control .vc-git-repository-selector-action,
.vc-git-version-selector-control .vc-git-version-selector-action
{
    padding: 10px 0 0 0;
}

.vc-git-selector-menu.vc-git-selector-menu-right
{
    width: 64%;
    float: right;
    overflow: hidden;
}
.vc-git-selector-menu.vc-git-selector-menu-right .selected-item-text
{
    width: 90%;
}

.vc-git-selector-menu.vc-git-selector-menu-left
{
    width: 34%;
    float: left;
    margin: 0px 10px 0px 0px;
}
.vc-git-selector-menu.vc-git-selector-menu-left .selected-item-text
{
    width: 140px;
}

.filtered-list-control.vc-git-selector .toolbar .menu-item.hover
{
    background-color: #E6F3FB;
    outline: none;
}

.filtered-list-popup .filtered-list-control.vc-git-selector .filtered-list-tab-content .filtered-list > li.current-item
{
    font-weight: 700;
    color: #000000;
    background-color: #CEE7F8;
}

.filtered-list-popup .filtered-list-control.vc-git-selector .filtered-list > li.new-selection
{
    font-weight: normal;
    color: #000000;
    background-color: #E6F3FB;
}

.filtered-list-popup .filtered-list-control.vc-git-selector .filtered-list > li
{
    margin: 0;
    white-space: pre;
}

.filtered-list-popup .filtered-list-control.vc-git-selector .filtered-list > li.message
{
    white-space: normal;
}

.filtered-list-popup .filtered-list-control.vc-git-selector .filtered-list
{
    margin-bottom: 10px;
}

.filtered-list-dropdown-menu.vc-git-selector-menu:hover,
.filtered-list-dropdown-menu.vc-git-selector-menu.menu-opened
{
    background-color: #CEE7F8;
}

.filtered-list-popup .filtered-list-control.vc-git-repository-selector-control,
.filtered-list-popup .filtered-list-control.vc-git-version-selector-control
{
    padding-bottom: 0px;
    background-color: #ffffff;
    box-shadow: 0 2.5px 5px rgba(0,0,0,.4);
}

.filtered-list-popup .filtered-list-control.vc-git-version-selector-control .pivot-view
{
    margin-left: 10px;
}

.filtered-list-popup .filtered-list-control.vc-git-version-selector-control .views
{
    height: 23px;
}

.vc-create-branch-from-git-ref-dialog .filtered-list-control.vc-git-version-selector-control .filtered-list
{
    max-height: 200px;
    width: 100%;
}

/* Bowtie styles */
.bowtie-filtered-list.vc-git-repository-selector-control .vc-git-repository-selector-actions,
.bowtie-filtered-list.vc-git-version-selector-control .vc-git-version-selector-actions
{
    margin: 0px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #cccccc;
}

.bowtie-filtered-list.vc-git-version-selector-control .vc-git-version-selector-actions.toolbar,
.bowtie-filtered-list.vc-git-repository-selector-control .vc-git-repository-selector-actions.toolbar
{
    height: auto;
    border-bottom-style: none;
    padding: 4px 0 4px 0;
    font-size: 13px;
}

.bowtie-filtered-list.filtered-list-control.vc-git-selector .toolbar .menu-item
{
    padding: 0px 10px 0px 10px;
    height: 30px;
    line-height: 30px;
    display: block;
    margin: 0px;
    max-width: none;
}

.filtered-list-popup .bowtie-filtered-list.filtered-list-control.vc-git-selector .filtered-list
{
    margin-bottom: 4px;
}

.vc-create-repo-dialog .filtered-list-dropdown-menu
{
    font-size: 14px;
    border: 1px solid #cccccc;
    outline: none;
}

.vc-create-repo-dialog .filtered-list-dropdown-menu.disabled
{
    opacity: 0.7;
    cursor: default;
}

.vc-create-repo-dialog .filtered-list-dropdown-menu:hover
{
    background-color: #dcebfc;
}

.vc-create-repo-dialog .filtered-list-dropdown-menu > span
{
    display: inline-block;
}

.vc-create-repo-dialog .filtered-list-dropdown-menu .selected-item-text
{
    width: calc(498px - 32px);
}

.vc-create-repo-dialog .filtered-list-dropdown-menu .drop-icon
{
    position: absolute;
    right: 8px;
    top: 8px;
}

.vc-create-repo-dialog .filtered-list-control.vc-repository-type-selector {
    padding-bottom: 0px; /*unset can't be used in IE and Edge*/
}

.vc-create-repo-dialog .filtered-list-control .filtered-list {
    width: auto;
    margin: 0px;
    padding: 0px;
}

.vc-create-repo-dialog .filtered-list-control .filtered-list>li {
    font-size: 14px;
    margin: 0px;
    border: none;
    padding-left: 10px;
    padding-top: 4px;
    padding-bottom: 6px;
    font-weight: normal;
}

.vc-create-repo-dialog .filtered-list-control .filtered-list>li.new-selection {
    background-color: #dcebfc;
    color: #000000;
    font-weight: normal;
}

.vc-create-repo-dialog .filtered-list-control .filtered-list>li>.icon {
    position: relative;
    top: 2px;
}

.vc-create-repo-dialog .filtered-list-control .filtered-list>li.current-item {
    font-weight: normal;
}

.vc-create-repo-dialog .filtered-list-control .filter-container {
    display: none;
}

.vc-create-repo-dialog .filtered-list-popup {
    background-color: inherit;
}

.vc-create-repo-dialog .filtered-list-popup .popup-content-control {
    background-color: inherit;
}

.vc-create-repo-dialog .vc-repo-type-menu.menu-opened,
.vc-create-repo-dialog .vc-repo-type-menu.menu-opened:hover {
    background-color: #efefef;
}

.vc-repository-type-selector {
    background-color: #ffffff;
    box-shadow: 0 2.5px 5px rgba(0,0,0,.4);
}

.vc-create-repo-hybrid-message
{
    color: #6d6d6d;
    padding-top: 10px;
}

.vc-repository-name-dialog .information-header
{
    margin-bottom: 10px;
    color: #6D6D6D;
    font-style: italic;
}
.vc-repository-name-dialog .message-area-control
{
    margin-bottom: 10px;
}
.vc-repository-name-dialog .repository-name
{
    width: 100%;
}

.vc-repository-option-info
{
    height: 100%;
    margin-left: 20px;
}

.vc-repository-option-content
{
    padding-top: 10px;
}

.vc-repository-option-content label
{
    color: #000000;
}

.vc-repository-option-actions
{
    padding-top: 10px;
    padding-bottom: 10px;
}

.vc-repository-option-actions .btn-close
{
    display: none;
}

.no-chrome .vc-repository-option-actions
{
    text-align: right;
}

.no-chrome .vc-repository-option-actions .btn-close
{
    display: block;
}
.vc-editing-dialog .comment-label
{
    margin-top: 10px;
}
.vc-editing-dialog .comment-input
{
    height: 60px;
    resize: none;
    overflow-y: auto;
}

.vc-new-item-dialog .parent-folder-input,
.vc-new-item-dialog .file-name-input
{
    width: 100%;
}

.vc-rename-item-dialog .parent-folder-input,
.vc-rename-item-dialog .file-name-input
{
    width: 100%;
}

.vc-editing-dialog input.disabled
{
    cursor: default;
    outline: none;
    color: #6D6D6D;
}

.vc-new-item-dialog .error-container .message-area-control
{
    margin-top: 10px;
}

.vc-new-item-dialog.multi-mode-enabled .new-file-pane,
.vc-new-item-dialog.multi-mode-enabled .upload-files-pane
{
    opacity: 0.35;
}

.vc-new-item-dialog.multi-mode-enabled .new-file-pane.selected-pane,
.vc-new-item-dialog.multi-mode-enabled .upload-files-pane.selected-pane
{
    opacity: 1;
}

.vc-new-item-dialog .core-file-input-control .browse-container
{
    border-radius: 0px;
    display: inline-block;
}

.vc-new-item-dialog .core-file-input-control .drag-drop-label
{
    vertical-align: middle;
}

.vc-new-item-dialog .core-file-input-control .file-list
{
    max-height: 120px;
    overflow: auto;
}

/* For IE and Edge,  when file list container empty then change height to 0px. Otherwise, height will be -0.01 in IE and Edge*/
.vc-new-item-dialog .core-file-input-control .file-list:empty
{
    height: 0px;
}
.version-control-file-list
{
    height: 100%;
}

.version-control-file-list .checkin-committer
{
    color: #6D6D6D;
}

.version-control-file-list.grid-container-drop-on
{
    background-color: #EBF1DE;
}

.version-control-file-list.grid-container-drop-on .grid-gutter .grid-gutter-row
{
    background-color: #EBF1DE;
    border: 1px solid #EBF1DE;
}

.version-control-file-list .grid-gutter-icon
{
    line-height: 26px;
}

.vc-file-list-item-icon
{
    margin-right: 6px;
}
.source-explorer-tree.with-favorites .repository-node
{
    padding-top: 4px;
    border-top-color: #cccccc;
    border-top-style: solid;
    border-top-width: 1px;
}

.source-explorer-tree .folder .node-link .node-content
{
    color: #000000;
    font-weight: normal;
}

.path-favorite-node .node-content
{
    padding-right: 22px;
}

.source-explorer-tree .menu-item > .icon
{
    margin-right: 4px !important;
}

.icon.icon-disabled {
    opacity: 0.5;
}

.vc-toggle-arrow {
    outline: none;
    cursor: pointer;
    margin-left: 5px;
}

.vc-toggle-arrow:hover {
    background-color: #D4E5F5;
}
.vc-link-container input
{
    width: 100%;
}

.vc-link-container .changeset-browse-container,
.vc-link-container .link-to-container
{
    width: 1%
}

.vc-link-no-repositories-message
{
    margin-top: 10px;
}

.vc-link-container
{
    width: 100%;
    vertical-align: bottom;
}

.vc-link-container .changeset-container .changeset-id-cell
{
    height: 1.7em;
    width: 100%;
}

.vc-link-container .changeset-browse-container .changeset-browse-button
{
    height: 1.7em;
}

/***** End Version Control Area\Controls******/
.vc-path-tile
{
    background-color: #68217A;
}

.vc-path-tile .ellipsis-menubar.menu-bar
{
    background-color: #68217A;
}

.vc-history-tab .vc-changes-list-filter
{
    padding-left: 20px;
    padding-right: 5px;
}

.vc-page-title-area
{
    position: relative;
    height: 40px;
    margin-top: -7px;
}

.vc-hub-repositories-selector .filtered-list,
.vc-page-title-area .filtered-list {
    font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
    color: #000000;
    font-weight: normal;
}

.vc-page-title-container
{
    position: absolute;
top: 0;
right: 250px;
left: 0;
;
    overflow: hidden;
    white-space: nowrap;
    height: 40px;
}

.git-repositories-view .vc-page-title-container
{
    right: 0px;
}

.versioncontrol-explorer-view .vc-page-title-container
{
    right: 0px;
}

.full-screen-mode .vc-page-title-container
{
    /* Padding for full screen icons */
    right: 45px;
}

.full-screen-mode .git-repositories-view .vc-page-title-container
{
    /* Padding for git full screen icons */
    right: 90px;
}

.vc-page-title
{
    display: inline-block;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;;
    vertical-align: middle;
    max-width: 100%;
    margin-right: 10px;
}
.vc-page-title.dirty-file:after
{
    content: " * ";
}

/* This holds space to the left of the Hubs until the actual repository selector is rendered,
    so its padding and width must be set to match (it contains the current repository name, but it's transparent). */
.vc-hub-repositories-placeholder
{
    float: left;
    padding-right: 76px;
    max-width: 366px;
    overflow: hidden;
    opacity: 0;
}

.vc-hub-repositories-selector
{
    float: left;
    display: inline-block;
    color: #6D6D6D;
}
.vc-hub-repositories-selector:after
{
    content: "|";
    vertical-align: middle;
    padding-right: 18px;
}
.vc-hub-repositories-selector .filtered-list-dropdown-menu
{
    display: inline-block;
    padding-left: 0px;
    padding-top: 0px;
    margin-right: 8px;
}
.vc-hub-repositories-selector .selected-item-text
{
    max-width: 300px;
    white-space: pre;
}

.vc-branches-container
{
    display: none;
    color: #1E1E1E;
}

.vc-status-container
{
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    margin-top: 3px;
}

.vc-status-container img.build-badge,
.vc-status-tooltip-clickable
{
    cursor: pointer;
}

.vc-status-container .create-definition
{
    width: 100px;
    height: 27px;
    font-size: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    top: -4px;
}

.vc-status-container .create-definition:hover
{
    background-color: white;
}

.vc-status-container .status-main
{
    font-weight: 600;
}

.status-rich-content-tooltip .status-tooltip-primary ,
.status-tooltip-status-container .status-tooltip-individual-primary
{
    font-weight: 600;
    font-size: 16px;
}

.status-rich-content-tooltip .status-tooltip-secondary,
.status-tooltip-status-container .status-tooltip-individual-secondary
{
    font-size: 14px;
    color: #9C9C9C;
}

.status-rich-content-tooltip a.status-link
{
    color: black;
}

.status-tooltip-statuses-container
{
    text-align: left;
    margin-top: 10px;
}

.status-tooltip-status-container
{
    margin-top: 10px;
    position: relative;
}

.status-tooltip-status-container .status-tooltip-individual-icon
{
    position: absolute;
    top: 10px;
    left: 0px;
}

.status-tooltip-status-container .status-tooltip-individual-primary,
.status-tooltip-status-container .status-tooltip-individual-secondary
{
    margin-left: 25px;
}

.rich-content-tooltip.status-rich-content-tooltip .popup-content-container
{
    padding: 15px;
}

.rich-content-tooltip.status-rich-content-tooltip
{
    width: auto;
}

.vc-status-success {
    color: #4BAE4F;
}
.bowtie-icon.vc-status-pending {
    color: #FEC006;
}
.vc-status-failure {
    color: #F34235;
}
.vc-status-error {
    color: #F34235;
}

.git-repositories-view .vc-branches-container
{
    display: inline-block;
}
.vc-branches-container:after
{
    content: "|";
    vertical-align: middle;
    padding-right: 5px;
}
.no-hub-title-text .vc-branches-container:after
{
    content: "";
}
.vc-branches-container .filtered-list-dropdown-menu
{
    display: inline-block;
}
.vc-branches-container .filtered-list-dropdown-menu .selected-item-text
{
    max-width: 400px;
}
.vc-branches-container .filtered-list-popup .filtered-list-control .filtered-list
{
    width: 300px;
}

.full-screen-mode .vc-page-title-area .vc-branches-container
{
    display: none;
}

.full-screen-mode .hub-view.explorer.versioncontrol-explorer-view .right-hub-content,
.full-screen-mode .hub-view.explorer.versioncontrol-change-list-view .right-hub-content
{
    top: 5px;
}
.full-screen-mode .versioncontrol-explorer-view .right-hub-content .hub-pivot > .views,
.full-screen-mode .versioncontrol-change-list-view .right-hub-content .hub-pivot > .views
{
    display: none;
}

.full-screen-mode .versioncontrol-change-list-view .left-hub-content .hub-pivot > .views
{
    display: block !important;
}

.full-screen-mode .versioncontrol-explorer-view .right-hub-content .hub-pivot > .filters,
.full-screen-mode .versioncontrol-change-list-view .right-hub-content .hub-pivot > .filters
{
    z-index: 200;
}
.full-screen-mode .vc-page-title-area
{
    z-index: 100;
}
.full-screen-mode .versioncontrol-explorer-view .right-hub-content .hub-pivot.hidden ~ .hub-pivot-content,
.full-screen-mode .versioncontrol-change-list-view .right-hub-content .hub-pivot.hidden ~ .hub-pivot-content
{
    top: 34px;
}

.hub-title .right-hub-error-container
{  /* The tooltip */
    background-color: #ffffcc;
    border: 1px solid #cccccc;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    display: block;
    padding-left: 10px;
    text-align: left;
    z-index: 910;
    position: relative;
    max-width: 420px;
    font-size: 14px;
    white-space: pre-wrap;
}

.hub-title .right-hub-error-container:before
{ /* The pointer border of the tooltip */
    position: absolute;
    content: '';
    width:0;
    height: 0;
    border:6px solid transparent;
    border-bottom-color:#cccccc;
    top:-13px;
    z-index: 915;
}

.hub-title .right-hub-error-container:after
{ /* The pointer of the tooltip */
    position: absolute;
    content: '';
    width:0;
    height: 0;
    border:6px solid transparent;
    border-bottom-color:#ffffcc;
    top:-12px;
    z-index: 915;
}

.hub-title .right-hub-error-container .bowtie-icon
{/*Close button of the tooltip*/
    float: right;
    font-size: 11px;
    padding: 2px;
}

.hub-title .right-hub-error-container .content
{
    padding-top: 5px;
    padding-bottom: 5px;
}

.vc-history-pivot-filters
{
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
}

.git-repositories-view .vc-history-pivot-filters:after
{
    content: " | ";
    color: #6D6D6D;
}

.vc-view-pivot-filters.toolbar
{
    display: inline-block;
    border-top: none;
    border-bottom: none;
    margin-right: 0;
}

/* Need to reduce the vertical padding on the pivot filters toolbar to allow it to fit correctly on the page */
.vc-view-pivot-filters.toolbar .menu-bar > .menu-item
{
    padding: 7px 10px;
}
.vc-view-pivot-filters.toolbar .menu-bar > .menu-item.menu-item-separator
{
    padding: 1px;
}


/* Allow the vc-view-pivot-filters to use all available space by removing the 8px top margin
   that is usually applied to pivot filter sections
*/
.versioncontrol-explorer-view .hub-pivot > .filters,
.versioncontrol-change-list-view .hub-pivot > .filters
{
    top: 0;
}

/* Empty content information */
.version-control-item-right-pane .navigation-view-tab.info-tab,
.versioncontrol-branches-view .navigation-view-tab.info-tab,
.versioncontrol-changes-history-content > .information-section
{
    padding-left: 20px;
    padding-top: 10px;
}

.info-tab .information-title
{
    font-size: 16px;
    margin-left: 10px;
    padding-bottom:5px;
    margin-top: 16px;
    color: #555;
    border-bottom: 1px solid #ddd;
}

.info-tab .information-summary
{
    margin-top: 10px;
}

/* Information Area Controls are grey for this page */
.info-tab .information-content
{
    border: none;
    background-color: #EEEEF2;
    white-space: normal;
}

.info-tab .information-header .information-caption
{
    color: #007acc;
    font-size: 14px;
}

.information-content-image
{
    margin-left: 16px;
}

.info-tab hr
{
    border-width: 1px;
    border-style: solid;
    color: #DDD;
    margin-left: 4px;
}

.info-tab .text-copy-box
{
    margin-left: 10px;
    margin-top: 16px;
    width: 500px;
    padding:5px 10px;
}

.info-tab .code-content
{
    margin-top: 5px;
    margin-bottom: 5px;
}

.init-repo-container, .open-with-vs-control {
    margin:10px;
}

.info-tab .information-area-control .information-content .detail-content
{
    padding-top: 4px;
    padding-bottom: 4px;
}

.open-with-vs
{
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin-right:20px;
    color: #999;
}
.vc-admin-left-pane
{
    position: relative;
    top: 10px;
    height: calc((100%) - 10px); /* Keep (100%), otherwise site.css minification will remove the space after % and become an invalid "calc(100%- 10px)" */
    overflow: auto;
}

.vc-admin-left-pane-title
{
    font-size: 16px;
    color: #6D6D6D;

    margin-right: 10px;
    margin-left: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
}
.vc-admin-left-pane-toolbar
{
    border-top: none;
    display: none;
    height: auto;
}

.vc-admin-left-pane-repositories
{
    padding-top: 10px;
}

.vc-git-repositories-tree .project-node > .node-link > .node-content,
.vc-git-repositories-tree .repository-node > .node-link > .node-content,
.vc-git-repositories-tree .branch-node > .node-link > .node-content
{
    color: #000000;
    font-weight: normal;
    white-space: pre;
}

.vc-git-repositories-tree .branch-node.default-branch > .node-link > .node-content
{
    color: #000000;
    font-weight: bold;
}

.vc-admin-right-pane .error
{
    padding-left: 20px;
}
.versioncontrol-changes-history-view .version-control-item-left-pane
{
    position: absolute;
    top: 8px;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}
.versioncontrol-changes-history-view .version-control-item-left-pane:hover
{
    overflow-y: auto;
}

.versioncontrol-changes-history-content
{
    height: 100%;
    overflow: auto;
    padding-top: 5px;
}

.versioncontrol-changes-history-content .git-version-selector-menu
{
    margin-left: 20px;
    margin-right: 5px;
}

.versioncontrol-changes-history-content .vc-changes-list-filter
{
    padding-left: 20px;
}

.versioncontrol-changes-history-content .vc-history-list.parent-history-list
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
}

.versioncontrol-changes-history-content .vc-changes-list-filter.basic-mode ~ .vc-history-list.parent-history-list
{
    top: 25px;
}

.versioncontrol-changes-history-content .vc-changes-list-filter.advanced-mode ~ .vc-history-list.parent-history-list
{
    top: 90px;
}

.versioncontrol-changes-history-content .vc-view-pivot-filters.toolbar {
    display: inline-block;
    border-top: none;
    border-bottom: none;
    margin-right: 0;
}
.versioncontrol-shelvesets-view-content
{
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
}

.versioncontrol-shelvesets-view-content .vc-shelveset-list-filter
{
    max-width: 1000px;
    margin-bottom: 10px;
}

.versioncontrol-shelvesets-view-content .vc-history-list .result-message
{
    padding-left: 3px;
}
.versioncontrol-explorer-view .version-control-item-right-pane
{
    position: absolute;
    top: 32px;
    left: 0;
    right: 0;
    bottom: 0;
}

.full-screen-mode .versioncontrol-explorer-view .version-control-item-right-pane
{
    top: 0;
}

.versioncontrol-explorer-view.empty-repository .version-control-item-right-pane
{
    top: 0;
}

.versioncontrol-explorer-view .rightPane.vc-with-message .right-hub-content
{
    top: 70px;
}

.versioncontrol-explorer-view .vc-message-container
{
    margin-top: 40px;
    margin-left: 20px;
    margin-right: 22px;
}
.versioncontrol-explorer-view .vc-message-container .message-area-control .error-content
{
    padding-top: 0;
}
.full-screen-mode .versioncontrol-explorer-view .vc-message-container
{
    display: none;
}

.versioncontrol-explorer-view .source-node-container
{
    position: absolute;
    left: 0;
    top: 8px;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.versioncontrol-explorer-view .source-node-container:hover,
.versioncontrol-explorer-view .source-node-container:focus
{
    overflow: auto;
}

.vc-history-tab-basic-filter
{
    display: inline-block;
}

.full-screen-mode .versioncontrol-explorer-view .version-control-file-viewer .file-contents-menu
{
    display: none;
}
.full-screen-mode .versioncontrol-explorer-view .version-control-file-viewer .file-contents-container
{
    top: 2px;
}

.versioncontrol-explorer-view .vc-history-tab .version-control-history-viewer
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
}

.versioncontrol-explorer-view .vc-changes-list-filter.advanced-mode ~ .version-control-history-viewer
{
    top: 50px;
}

/*** Source path text box ***/

.versioncontrol-explorer-view .source-path-filter
{
    padding-left: 10px;
    padding-right: 20px;
}
.full-screen-mode .versioncontrol-explorer-view .source-path-filter
{
    display: none;
}

.versioncontrol-explorer-view .source-path-label
{
    float:left;
    margin-top: 0px;
    margin-left: 10px;
    margin-bottom: 0px;
    margin-right: 6px;
    line-height:24px;
    white-space: nowrap;
}

.versioncontrol-explorer-view .source-path
{
    box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    height: 24px;
    overflow:hidden;
}

.versioncontrol-explorer-view .source-path .text-wrap
{
    overflow: hidden;
    line-height: 22px;
    margin-left: 3px;
}

.versioncontrol-explorer-view .source-path .text-wrap > input
{
    width: 100%;
    height:100%;
    border: none;
    outline: 0;
}

.versioncontrol-explorer-view .source-path .btn-go.disabled
{
    cursor: default;
    opacity: 0.5;
}

.versioncontrol-explorer-view .source-path .btn-go
{
    float: right;
    cursor: pointer;
    width: 20px;
    line-height: 22px;
    vertical-align: middle;
}

/*** END Source path text box ***/

.versioncontrol-explorer-view .git-action-clone
{
    margin-left: 4px;
    margin-right: 4px;
    white-space: nowrap;
    cursor: pointer;
}

.versioncontrol-explorer-view .git-action-clone .clone-repo-label
{
    margin-left: 4px;
    vertical-align: middle;
}

.versioncontrol-explorer-view .git-action-clone .clone-repo-label:hover
{
    text-decoration: underline;
}

.vc-view-pivot-menu .menu-item.popup-opened
{
    outline: none;
    background-color: #D4E5F5;
}

.toolbar.vc-view-pivot-filters .vc-view-pivot-menu .menu-item.vc-clone-menu-button-main-view.hover
{
    outline: none;
    background-color: #3789EC;
    color: #ffffff;
    border: 2px solid #0060C3;
}

.toolbar.vc-view-pivot-filters .vc-view-pivot-menu .menu-item.vc-clone-menu-button-main-view:active,
.toolbar.vc-view-pivot-filters .vc-view-pivot-menu .menu-item.vc-clone-menu-button-main-view.popup-opened
{
    outline: none;
    background-color: #005DB9;
    color: #ffffff;
    border: 2px solid #005DB9;
}

.toolbar.vc-view-pivot-filters .vc-view-pivot-menu .menu-item.vc-clone-menu-button-main-view
{
    color: #ffffff;
    background-color: #007acc;
    border: 2px solid #007acc;
    padding: 5px 10px;
}

.clone-popup
{
    white-space: normal;
    padding: 10px;
    width: 100%;
}

.clone-popup > div
{
    margin: 10px 0;
}

.clone-popup .clone-url
{
    border: 1px solid #cccccc;
    width: 100%;
}

.git-clone-command
{
    font-family: Consolas, Courier New, monospace;
    margin-left: 10px;
}

.vc-clone-credentials-message
{
    color: #6D6D6D;
}
/* Extend the default width for the Change Explorer  */
.versioncontrol-change-list-view .hub-splitter.splitter.horizontal > .leftPane
{
    width: 300px;
}
.versioncontrol-change-list-view .hub-splitter.splitter.horizontal > .rightPane,
.versioncontrol-change-list-view .hub-splitter.splitter.horizontal > .handleBar
{
    left: 300px;
}

.versioncontrol-change-list-view .version-control-item-left-pane
{
    position: relative;
    height: 100%;
}

.versioncontrol-change-list-view .vc-change-items-container
{
    position: absolute;
top: 22px;
right: 0;
bottom: 0;
left: 0;
;
    overflow: hidden;
}
.versioncontrol-change-list-view.commenting-enabled .vc-change-items-container
{
    top: 26px;
}
.versioncontrol-change-list-view .vc-comment-explorer-container
{
    position: absolute;
top: 48px;
right: 0;
bottom: 0;
left: 0;
;
    overflow: hidden;
}

.git-repositories-view.versioncontrol-change-list-view .vc-page-title-container
{
    /* Padding for git full screen icons */
    right: 90px;
}

.full-screen-mode .versioncontrol-change-list-view .vc-page-title-container.vc-with-pivot-filters
{
    right: 330px;
}

.versioncontrol-change-list-view .vc-change-items-container .vc-changed-files-grid
{
    height: 100%;
}

.versioncontrol-change-list-view .version-control-item-left-pane .hub-pivot
{
    position: absolute;
    left: 0;
    top: 0;
}
.versioncontrol-change-list-view .version-control-item-left-pane .hub-pivot > .filters
{
    position: absolute;
    width: 25px;
    right: 12px;
    top: 0;
}
.versioncontrol-change-list-view .version-control-item-left-pane .hub-pivot > .filters > .pivot-filter
{
    line-height: inherit;
}
.versioncontrol-change-list-view .version-control-item-left-pane .views
{
    position: relative;
    width: 100%;
    text-transform: none;
}
.versioncontrol-change-list-view .version-control-item-left-pane .change-list-explorer-tabs
{
    white-space: nowrap;
}

.versioncontrol-change-list-view .version-control-item-left-pane .vc-change-title-link-container
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding-left: 16px;
}

.versioncontrol-change-list-view .vc-change-list-toolbar-container
{
    position: absolute;
top: 0;
right: 0;
;
    font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
    font-size: 12px;
}

.versioncontrol-change-list-view .version-control-item-right-pane .vc-change-summary
{
    min-width: 600px;
}

.versioncontrol-pullrequests-view .version-control-item-left-pane,
.versioncontrol-pullrequest-details-view .version-control-item-left-pane
{
    padding-left: 16px;
    height: 100%;
}

.fill-parent
{
    width: 100%;
    height: 100%;
}

.vc-pullrequests-toolbar .toolbar
{
    border-top: none;
    margin: 0;
}

.vc-pullrequest-filter
{
    color: #007acc;
    text-decoration: none;
    cursor: pointer;
}

.vc-pullrequests-titleArea .vc-page-title,
.vc-pullrequests-details-titleArea .vc-page-title
{
    white-space: pre;
    width: 100%;
    display: inherit;
}

.vc-pullrequests-details-titleArea
{
    margin-right: 30px;
}

.versioncontrol-pullrequests-view .subtlePivotBackground
{
    background-color: #F1F1F1;
}

ul.vc-pullrequests-fullscreen
{
	position: absolute;
	right: 0px;
	top: 10px;
}

ul.vc-pullrequests-fullscreen > .menu-item > .icon
{
    margin-bottom: 4px;
}

ul.vc-pullrequests-fullscreen > .menu-item
{
    padding: 0px;
}
.vc-pullrequests-page-hubpivot-area
{
    padding-top: 6px;
    padding-bottom: 6px;
}

.vc-pullrequests-page-hubpivot-area-table-row
{
    display: table-row;
}

.vc-pullrequest-filter-container
{
    display: table-cell;
}

.vc-pullrequest-help-info-area .information-area-control
{
    white-space: normal;
}

.vc-pullrequest-view-details-help-actions
{
    margin: 3px 0 0 2px;
}

.vc-pullrequest-help-cmd-instruction ul li
{
    list-style-type: none;
    font-family: Consolas,Courier New,monospace;
    margin: 1px 0;
}

.vc-pullrequest-help-cmd-instruction ul
{
    list-style-type: none;
    padding-left: 20px;
}

.vc-pullrequest-help-introduction
{
    margin: 5px 0 0 10px;
}

.vc-page-title-create
{
    display: inline-block;
    vertical-align: middle;
}

.vc-pullrequest-result-summary-cell
{
    text-align: right;
}

.vc-pullrequest-entry-accent
{
    background-color: #ccc;
}

.vc-pullrequest-details-title-area
{
    margin-top: 0px;
}

.vc-pullrequest-details-title-flex-area
{
    display: flex;
}

.vc-pullrequest-details-pivot
{
    margin: 0px 20px 10px 20px;
}

.vc-pullrequest-details-pivot .pivot-view
{
    margin: 0px;
}

.pivot-filter.dropdown.vc-pullrequest-discussion-comment-filter
{
    float:right;
    margin: 6px 0px 6px 0px;
}

.vc-pullrequest-details-description
{
    margin: 0px 20px;
    padding-top: 10px;
    padding-bottom: 2px;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-top-color: #cccccc;
    border-bottom-color: #cccccc;
}

.vc-pullrequest-details-activity-feed
{
    margin: 0px 20px;
}

.vc-pullrequest-view-details-status-panel
{
    margin: 0px 10px;
}

.vc-pullrequest-view-details-status
{
    font-family : Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
    font-weight: 200;
    font-size: 18px;
    color : #000000;
    border-bottom: 1px solid;
    border-bottom-color: #cccccc;
}

.vc-pullrequest-view-details-relatedartifapanel
{
    margin: 40px 10px 0px 10px;
}

.vc-pullrequest-view-details-relatedartifaaddartifactbox
{
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 1px;
    width: 100%;
    height: 20px;
    border: 1px solid #cccccc;
}

.vc-pullrequest-create-workitems-panel .vc-pullrequest-view-details-relatedartifaaddartifactbox
{
    margin-top: 0px;
    height: 28px;
}

.vc-create-branch-work-item-artifacts .vc-pullrequest-view-details-relatedartifaaddartifactbox
{
    margin-top: 0px;
    height: auto;
}

.relatedartifazerodata-text
{
    padding-left: 8px;
    margin-left: 7px;
    margin-top: 4px;
    border-left: 6px solid #bbb;
    color: #999;
    display: none;
}

/*
    These styles are to work around limitations in the common control
    They hide various parts of the common control that we simply don't want turned on
    for the pull request page
*/
.vc-pullrequest-view-details-relatedartifapanel .ra-headers,
.vc-pullrequest-create-workitems-panel .ra-headers,
.vc-pullrequest-view-details-relatedartifapanel .ra-summary,
.vc-pullrequest-create-workitems-panel .ra-summary
{
    display: none !important;
}

.vc-pullrequest-view-details-relatedartifapanel .ra-control,
.vc-pullrequest-create-workitems-panel .ra-control
{
    min-width: 100px;
}

.vc-pullrequest-view-details-relatedartifapanel .ra-right,
.vc-pullrequest-create-workitems-panel .ra-right
{
    display: none !important;
}
/**/

.vc-pullrequest-view-details-reviewers-panel
{
    margin: 40px 10px 0px 10px;
}

.vc-pullrequest-view-details-edit-link > a
{
    font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
    font-size: 12px;
}

.vc-pullrequest-view-details-reviewers-panel .vc-pullrequest-view-details-edit-link > a:first-child
{
    padding-right: 6px;
    border-right: 1px solid #dddddd;
}

.vc-pullrequest-view-details-reviewers-table
{
    margin: 10px 0px;
}

.vc-pullrequest-view-details-reviewers-current-user-table
{
    margin: 30px 0px 10px 0px;
}

.vc-pullrequest-view-details-item-status
{
    margin: 10px 0px;
}

.vc-pullrequest-view-details-item-sub-status
{
    margin-left: 20px;
    margin-top: 10px;
}

.vc-pullrequest-view-details-action-text
{
    vertical-align: middle;
}

.vc-pullrequest-view-details-edit-link
{
    float: right;
}

.vc-pullrequest-entry-cell-left
{
    white-space: nowrap;
    text-align: right;
    padding-left: 10px;
}

.vc-pullrequest-results-table
{
    font-size: 13px;
    width:100%;
    table-layout:fixed;
    margin-top:20px;
}

.vc-pullrequest-ellide-overflow
{
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
}
.vc-pullrequest-results-table .vc-pullrequest-entry-col-primary
{
    padding: 10px 20px 10px 20px;
    width: 60%;
}

.vc-pullrequest-results-table .vc-pullrequest-entry-col-branches
{
    width: 40%;
    padding-right: 20px;
}

.vc-pullrequest-results-table .vc-pullrequest-entry-col-reviewers
{
    width: 160px;
}

.vc-pullrequest-results-table .vc-pullrequest-entry-col-commentcount
{
    width: 70px;
    padding-right: 20px;
    text-align: right;
}

.vc-pullrequest-results-table thead td
{
    text-align: left;
    padding:20px 0 7px 0;
    font-size: 13px;
    border-top: none;
    border-bottom: solid 1px #ddd;
}

.vc-pullrequest-results-table thead td:first-child
{
    padding:0px 0 7px 20px;
}

.vc-pullrequest-results-table thead td:last-child
{
    padding:0px 20px 7px 0;
}

.vc-pullrequest-results-row:last-child {
  border-bottom: none;
}

.vc-pullrequest-results-row
{
    border-bottom: 1px #f1f1f1 solid;
}

.vc-pullrequest-results-row:hover
{
    background-color: #F2F7FD;
}

.vc-pullrequest-results-row a,
.vc-pullrequest-results-row a:link,
.vc-pullrequest-results-row a:visited
{
    color: black;
}

.vc-pullrequest-results-row:hover a,
.vc-pullrequest-results-row:hover a:link,
.vc-pullrequest-results-row:hover a:visited
{
    color: #007acc;
}

.vc-pullrequest-entry-user-image .vc-pr
{
    width: 40px;
    height: 40px;
    vertical-align: middle;
}

.vc-pr-reviewer-image
{
    width: 30px;
    height: 30px;
    vertical-align: middle;
}

.vc-pr-reviewer-image.reviewer-with-vote
{
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.vc-pr-reviewer-ellipses
{
    font-size: 20px;
    vertical-align: bottom;
    cursor: default;
}

.vc-pr-reviewer-preview-container
{
    position: relative;
    display: inline-block;
    margin-right: 10px;
}

.vc-pr-reviewer-preview-container .vote-overlay
{
    position: absolute;
    bottom: -8px;
    right: -8px;
}

.vc-pr-reviewer-preview-container .vote-overlay.bowtie-status-waiting
{
    color: #FEC006;
}

.vc-pr-reviewer-preview-container .vote-overlay.bowtie-status-success
{
    color: #4BAE4F;
}

.vc-pr-reviewer-preview-container .vote-overlay.bowtie-status-failure
{
    color: #F34235;
}

.vc-pullrequest-entry-details-description
{
    color: #000000;
    white-space: pre-wrap;
}

.vc-pullrequest-entry-details-creator-name
{
    height: 25px;
    vertical-align: bottom;
}

.vc-pullrequest-entry-title,
.vc-pullrequest-entry-title:link,
.vc-pullrequest-entry-title:visited
{
    font-size: 15px;
    font-weight: 600;
}

.vc-pullrequest-entry-subtle
{
    color: #6D6D6D;
}

.vc-pullrequest-branch-icon
{
    font-size: 14px;
}

.vc-pullrequest-entry-comment
{
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

.vc-pullrequest-entry-comment tdfontSizeM
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vc-pullrequest-entry-user-image
{
    padding-right: 13px;
    vertical-align: middle;
    float: left;
}

.vc-pullrequest-showmore-link
{
    margin-left: 20px;
    margin-top: 30px;
}

.vc-pullrequest-branches-container-source,
.vc-pullrequest-branches-container-target
{
    display: inline-block;
    color: #1E1E1E;
}

.invalid-selection
{
    background-color: #ffc;
}

.vc-pullrequest-switch-branch-button
{
    display: inline;
}

.vc-pullrequest-switch-branch-button:hover
{
    background-color: #e6e6e6;
}

.vc-pullrequest-create-panel, .vc-pullrequest-suggestions-container
{
    margin: 10px 20px 0px 20px;
    background-color: #dce6f4;
}

.vc-pullrequest-create-reviewers-panel
{
    padding: 0 10px 8px 10px;
    margin-top: 8px;
}

.vc-pullrequest-create-workitems-panel
{
    padding: 0 10px 8px 10px;
    margin-top: 8px;
}

.vc-pullrequest-create-reviewers-container
{
    border: 1px solid #aaaaaa;
    background-color: white;
    display: table;
    width: 100%;
}

.vc-pullrequest-reviewer-entry-user-image
{
    height: 32px;
    width: 32px;
    margin-right: 8px;
}

.vc-pullrequest-reviewer-vote
{
    cursor: pointer;
}

.vc-pullrequest-reviewer-displayname-requiredlabel
{
    color: #CF3E3E;
}

.vc-pullrequest-reviewer-entry-details
{
    width: 100%;
    margin-top: -5px;
}

.vc-pullrequest-reviewer-displayname
{
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

.vc-pullrequest-reviewer-displayname td
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vc-pullrequest-create-area
{
    padding: 10px 10px 0px 10px;
}

.vc-pullrequest-create-area2
{
    padding: 0 10px 8px 10px;
    margin-bottom: 10px;
}

.vc-pullrequest-create-reviewers-panel .dropdown-input-text
{
    background-color: #ffffff;
}

.vc-pullrequest-create-reviewers-panel .identity-input
{
    border: 1px solid #aaaaaa;
}

.vc-pullrequest-createnewpullrequest-control
{
    margin-top: 10px;
}

.vc-pullrequest-create-input-label
{
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 2px
}

.versioncontrol-pullrequests-content .resolved-member-name
{
    margin-right: 5px;
}

.vc-pullrequest-view-details-template-panel
{
    height: 100%;
}

.vc-pullrequest-detail-title-summary
{
    background-color: #F1F1F1;
    padding: 5px 10px;
    margin: 0px 20px;
}

.versioncontrol-pullrequests-right-hub-content
{
    height: 100%;
    overflow-x: auto;
}

.vc-pullrequest-detail-branch-name
{
    color: #007ACC;
}

.vc-pullrequest-view-action-panel
{
    margin: 12px 0px;
    min-width: 200px;
}

.vc-pullrequest-notification-area
{
    margin: 10px 20px;
}

.vc-pullrequest-information
{
    background-color: #dce6f4;
    border: 1px solid #007acc;
    padding: 5px;
}

.vc-pullrequest-error
{
    background-color: #e6b9b9;
    border: 1px solid #C00000;
    padding: 5px;
}

.versioncontrol-pullrequests-content .group-header
{
    display: none;
}

.versioncontrol-pullrequests-content .vc-history-list
{
    margin-top: 10px;
}

.vc-pullrequest-title-input
{
    width: 100%;
    font-size: 18px;
    border: 1px solid #aaaaaa;
    height: 30px;
    padding-left: 5px;
}

.vc-pullrequest-title-input-invalid
{
    background-color: #ffc;
    border: 1px solid #aaaaaa;
    height: 30px;
    padding-left: 5px;
}

.vc-pullrequest-create-area .vc-pullrequest-title-input,
.vc-pullrequest-create-area .vc-pullrequest-title-input-invalid
{
    margin: 2px 0px 8px 0px;
    padding: 0px 0px 0px 5px;
}


.vc-pullrequest-description-input
{
    width: 100%;
    height: 100px;
    border: 1px solid #aaaaaa;
    padding: 2px 5px 2px 5px;
}

.vc-complete-merge-dialog .form-section .vc-dialog-complete-merge-details-input
{
    height: 125px;
    overflow-y: auto;
}

.vc-dialog-complete-merge-confirm-text
{
    vertical-align: middle;
    font-size: 14px;
    margin: 0px 0px 0px 5px;
}

.vc-dialog-delete-source-checkbox-label-text.disabled
{
    color: #6D6D6D;
}

.vc-pullrequest-create-area2 button.vc-pullrequests-add-panel-button
{
    margin: 0px 5px 0px 0px;
    /* Overide these values of the bowtie-button style to something
     * appropriate for the button in the panel dialog
     */
    height: inherit;
    line-height: inherit;
    font-size:inherit;
}

.vc-pullrequest-create-area2 button.vc-pullrequests-add-panel-button:disabled {
    border-color: #B4B4B4;
}

.vc-pullrequest-create-area2 a
{
    vertical-align:middle;
}

/*
 * This is padding to get the CallToAction button centered.
 * When the surrounding elements are not absolutely position,
 * then we should revisit this pixel tweaks
*/
.vc-pullrequest-results-createpullrequest-cell
{
    padding: 2px 1px 0px 1px
}

.vc-pullrequest-suggestion button.create-pullrequest-button {
    display: inline-block;
    height: 24px;

    margin: 0px 5px 0px 10px;
    padding: 0px 12px;

    /* Overide these values of the bowtie-button style to something
     * appropriate for the inline suggestion button
     */
    line-height: inherit;
    font-size:inherit;
}

.vc-pullrequest-simplified-input-panel
{
    padding: 10px 10px 0 10px;
}

.vc-pullrequest-create-area2 button
{
    height: 24px;
}

.vc-pullrequest-details-view-reviewer-quickeditor
{
    margin-top: 5px;
}

.vc-pullrequest-details-view-reviewer-quickeditor .actions-section
{
    width: 20px;
    float: right;
    margin-left: 5px;
}

.vc-pullrequest-details-view-reviewer-quickeditor .identity-input
{
    width: 100%;
}

.vc-pullrequest-details-view-reviewer-quickeditor .identity-picker-dropdown {
    position: static;
}

.vc-pullrequest-details-view-reviewer-quickeditor .common-identity-picker-control {
    border: 1px solid #cccccc;
}

.vc-pullrequests-more-button-cell
{
    width: 20px;
    padding-left: 5px;
}

.vc-pullrequest-create-commits-title,
.vc-pullrequest-create-files-title
{
    margin: 10px 20px;
    text-transform: uppercase;
    font-weight: bold;
}

.vc-pullrequest-create-commits-title-div
{
    margin-top: 10px;
}

.vc-pullrequest-query-server
{
    margin: 0px 20px;
}

.versioncontrol-pullrequests-view .hub-pivot-content
{
    margin: 0px 0px 3px 0px;
}

.versioncontrol-pullrequests-content .pivot-view li.selected a
{
    font-weight: bold;
}

.versioncontrol-pullrequests-content .pivot-view
{
    height: 20px;
}

.vc-pullrequest-discussion-thread-file-special-message
{
    background-color: #ffc;
    padding: 5px 10px;
    margin: 18px 0px 5px 0px;
    width: 100%;
    white-space: pre-wrap;
}

.vc-pullrequest-discussion-thread .comments-container
{
    background-color: transparent;
    border: 0px;
    border-bottom: 1px solid;
    border-bottom-color: #cccccc;
}

.vc-pullrequest-discussion-thread:hover .comments-container
{
    border-left-color: transparent;
    border-left-width: 0px;
    padding-left: 2px;
}

.vc-pullrequest-discussion-thread.selected-thread .comments-container
{
    border-left-color: transparent;
    border-left-width: 0px;
    padding-left: 2px;
}

.vc-pullrequest-discussion-thread
{
    margin-top: 10px;
}

.vc-pullrequest-discussion-thread.code-comment-thread
{
    padding-left: 2px;
}

.vc-pullrequest-details-activity-feed .vc-diff-viewer.side-by-side .text-diff-container
{
     margin-top: 20px;
}

.vc-pullrequest-details-activity-feed .vc-diff-viewer
{
    border-bottom: 1px solid;
    border-bottom-color: #cccccc;
    margin: 10px 20px 0 0
}

.vc-pullrequest-details-activity-feed .text-diff-container
{
    margin: 10px 0px 15px 0px;
}

.vc-pullrequest-details-activity-feed .diff-header
{
    display: none;
}

.vc-pullrequest-subtle-text
{
     color: #8B8B8B;
}

.vc-pullrequest-discussion-thread .discussion-comment .edit-area
{
    background-color: transparent;
}

.vc-pullrequest-discussion-thread .discussion-comment .picture-column
{
    left: 0px;
}

.vc-pullrequest-discussion-thread .discussion-comment .comment-column
{
    margin-left: 37px;
}

.vc-pullrequest-details-activity-feed .vc-pullrequest-discussion-thread .discussion-comment .discussion-action.reply-comment-action
{
    display: none;
}

.vc-pullrequest-details-activity-feed .vc-pullrequest-discussion-thread-system .discussion-comment .comment-actions
{
    display: none;
}

.vc-pullrequest-discussion-thread-system .vc-pullrequest-discussion-system-status-indicator
{
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.vc-pullrequest-discussion-thread-system-comment-icon-container
{
    background: #68217A;
}

.vc-pullrequest-large-icon-container
{
    display: inline-block;
    width: 32px;
    height: 32px;
    overflow: hidden;
    vertical-align: middle;
}

.vc-pullrequest-discussion-thread-system-icon
{
    margin: 8px;
}

.vc-pullrequest-discussion-thread-code-comment-icon-container
{
    background: #F2700F;
}

.vc-pullrequest-discussion-thread-system .vc-pullrequest-discussion-system-status-indicator .vc-pullrequest-discussion-system-vote-up,
.vc-pullrequest-discussion-thread-system .vc-pullrequest-discussion-system-status-indicator .vc-pullrequest-discussion-system-merge-ready
{
    color: #57AB57;
    vertical-align: middle;
    margin-left: 3px;
}

.vc-pullrequest-discussion-thread-system .vc-pullrequest-discussion-system-status-indicator .vc-pullrequest-discussion-system-vote-down,
.vc-pullrequest-discussion-thread-system .vc-pullrequest-discussion-system-status-indicator .vc-pullrequest-discussion-system-merge-conflicts
{
    color: #CF3E3E;
    vertical-align: middle;
    margin-left: 3px;
}

.vc-pullrequest-discussion-thread-system .vc-pullrequest-discussion-system-status-indicator .vc-pullrequest-discussion-system-ref-updated
{
    color: #68217A;
    margin-left: 3px;
}

.vc-pullrequest-discussion-thread-system .vc-pullrequest-discussion-system-status-indicator .vc-pullrequest-discussion-system-ref-updated-counter
{
    background: #68217A;
    color: #ffffff;
    padding: 1px 5px;
}

.versioncontrol-pullrequest-details-view .version-control-item-left-pane .hub-pivot
{
    position: absolute;
}

.versioncontrol-pullrequest-details-view .version-control-item-left-pane .vc-change-title-link-container
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding-left: 16px;
}

.versioncontrol-pullrequest-details-view .vc-change-items-container,
.versioncontrol-pullrequest-details-view .vc-comment-explorer-container
{
    position: absolute;
top: 26px;
right: 0;
bottom: 0;
left: 0;
;
    overflow: hidden;
}
.versioncontrol-pullrequest-details-view.commenting-enabled .vc-change-items-container
{
    top: 26px;
}

.versioncontrol-pullrequest-details-view .vc-change-items-container .vc-changed-files-grid
{
    height: 100%;
}

.vc-pullrequest-details-content .file-contents-container,
.vc-pullrequest-details-compare .diff-viewer-container
{
    top: 105px;
}

.vc-pullrequest-details-content .version-control-file-viewer .file-contents-menu .file-views-menu,
.vc-pullrequest-details-content .version-control-file-viewer .file-contents-menu .file-actions-menu,
.vc-pullrequest-details-compare .version-control-diff-viewer .diff-viewer-header .diff-views,
.vc-pullrequest-details-compare .version-control-diff-viewer .diff-viewer-header .diff-actions
{
    top: 59px;
}

.vc-pullrequest-details-content-error .file-contents-container,
.vc-pullrequest-details-compare-error .diff-viewer-container
{
    top: 142px;
}

.vc-pullrequest-details-content-error .version-control-file-viewer .file-contents-menu .file-views-menu,
.vc-pullrequest-details-content-error .version-control-file-viewer .file-contents-menu .file-actions-menu,
.vc-pullrequest-details-compare-error .version-control-diff-viewer .diff-viewer-header .diff-views,
.vc-pullrequest-details-compare-error .version-control-diff-viewer .diff-viewer-header .diff-actions
{
    top: 97px;
}

/* Default the right panel's width to 300px */
.versioncontrol-pullrequest-details-view .splitter.horizontal.right-fix:not(.no-split) > .rightPane
{
    width: 250px;
}

.versioncontrol-pullrequest-details-view .splitter.horizontal.right-fix:not(.no-split) > .handleBar
{
    right: 250px;
}

.versioncontrol-pullrequest-details-view .splitter.horizontal.right-fix:not(.no-split) > .leftPane
{
    width: auto;
    right: 250px;
}

.versioncontrol-pullrequest-details-view .full-screen > .leftPane
{
    width: auto;
    right: 0 !important;
}

.versioncontrol-pullrequest-details-view .full-screen > .handleBar
{
    width: 0 !important;
    right: 0 !important;
}

.versioncontrol-pullrequest-details-view .full-screen > .rightPane
{
    width: 0 !important;
}

.vc-pullrequest-out-of-date-discussion
{
    margin: 15px 20px;
}

.vc-associated-work-items-panel.collapsible-section
{
    margin: 15px 0;
    height: 30px;
}

.vc-pullrequest-details-workitems .collapsible-section .tfs-collapsible-header
{
    cursor: auto;
}

.vc-pullrequest-details-workitems .vc-pullrequest-work-items-container,
.vc-pullrequest-details-workitems .collapsible-section .tfs-collapsible-text
{
    padding-left: 20px;
}

.vc-pullrequest-vote-dropdown .menu-bar
{
    padding-left: 0;
}

.vc-pullrequest-vote-dropdown .menu-bar > .menu-item
{
    padding: 0;
}

.vc-pullrequest-vote-dropdown .menu-bar > .menu-item .icon
{
    margin: 3px 3px 3px 0px;
}

.vc-pullrequest-vote-dropdown .menu-bar > .menu-item.hover
{
    background: #D4E5F5;
}

.vc-pullrequest-vote-dropdown .menu-bar > .menu-item.hover > span
{
    cursor: pointer;
    text-decoration: none;
}

.delegate-rich-content-tooltip.rich-content-tooltip
{
    width: 240px;
}

.vc-pullrequest-view-details-delegate-reviewers-table
{
    margin: 10px;
}

.vc-pullrequest-suggestions-container{
    margin: 10px 20px;
}

.vc-pullrequest-suggestion{
    overflow: hidden;
    padding: 5px;
    line-height: 20px;
}

.vc-pullrequest-suggestion .suggestion-text {
  padding-left: 5px;
}

.vc-pullrequest-suggestions-container ~ .hub-pivot ~ .hub-pivot-content {
    top: 88px;
}

.vc-pullrequest-suggestions-container ~ .hub-pivot.hidden ~ .hub-pivot-content {
    top: 54px;
}

.vc-pullrequest-suggestions-container.hidden ~ .hub-pivot ~ .hub-pivot-content {
    top: 34px;
}

.vc-pullrequest-suggestions-container.hidden ~ .hub-pivot.hidden ~ .hub-pivot-content {
    top: 0;
}

.artifact-pullrequest-summary
{
    padding-top: 0px;
}

.vc-pullrequest-rollupstatus-success-text{
    color: #4BAE4F;
}

.vc-pullrequest-rollupstatus-failure-text{
    color: #F34235;
}

.vc-pullrequest-rollupstatus-info-text,
.vc-pullrequest-rollupstatus-pending-text,
.vc-pullrequest-rollupstatus-waiting-text {
    color: #6D6D6D;
}

.bowtie-icon.vc-pullrequest-rollupstatus-success{
    color: #4BAE4F;
}

.bowtie-icon.vc-pullrequest-rollupstatus-failure{
    color: #F34235;
}

.bowtie-icon.vc-pullrequest-rollupstatus-waiting{
    color: #FEC006;
}

.vc-relatedartifact-title a,
.vc-relatedartifact-title a:link,
.vc-relatedartifact-title a:visited
{
    color: black;
}

.vc-relatedartifact-title:hover a,
.vc-relatedartifact-title:hover a:link,
.vc-relatedartifact-title:hover a:visited
{
    color: #007acc;
}

.vc-relatedartifact-avatar
{
    position: relative;
}

.vc-pullrequest-view-details-status > .vc-pullrequest-view-details-status-target
{
    margin-top: 5px;
    float: right;
    font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
    font-size: 12px;
}

.vc-pullrequest-view-details-status-panel > .vc-pullrequest-view-details-status
{
    overflow: hidden;
}

.vc-pullrequest-view-details-status-target > .vc-pullrequest-view-details-status-target-install
{
    padding-left: 3px;
}

.vc-pullrequest-comment-icon {
    font-size: 20px;
    vertical-align: middle;
    padding-right: 5px;
}

/* add spacing to the right and below each button*/
.vc-pullrequest-view-details-status-actions button
{
    margin: 0px 6px 6px 0px;
}

.hub-view.explorer.versioncontrol-push-view .right-hub-content
{
    top: 35px;
}

/* Extend the default width for the Change Explorer  */
.versioncontrol-push-view .hub-splitter.splitter.horizontal > .leftPane
{
    width: 300px;
}
.versioncontrol-push-view .hub-splitter.splitter.horizontal > .rightPane,
.versioncontrol-push-view .hub-splitter.splitter.horizontal > .handleBar
{
    left: 300px;
}

.versioncontrol-push-view .version-control-item-left-pane
{
    position: relative;
    height: 100%;
}

.versioncontrol-push-view .vc-push-items-container
{
    position: absolute;
top: 10px;
right: 0;
bottom: 0;
left: 0;
;
    overflow: hidden;
}

.versioncontrol-push-view .vc-push-items-container .vc-changed-files-grid
{
    height: 100%;
}

.versioncontrol-push-view .vc-push-toolbar-container
{
    position: absolute;
top: 0;
right: 0;
;
    font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
    font-size: 12px;
}

.versioncontrol-push-view .version-control-item-right-pane .vc-change-summary
{
    min-width: 600px;
}

/* Git History View */

.versioncontrol-git-history-view .source-node-container
{
    position: absolute;
    top: 8px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.versioncontrol-git-history-view .source-node-container:hover,
.versioncontrol-git-history-view .source-node-container:focus
{
    overflow: auto;
}

.versioncontrol-git-history-view .version-control-item-right-pane
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.versioncontrol-git-history-view .version-control-item-right-pane.show-source-path
{
    top: 32px;
}

.versioncontrol-git-history-view .vc-history-tab .version-control-history-viewer,
.versioncontrol-git-history-view .vc-branch-updates-tab .vc-branch-updates-list
{
    position: absolute;
	top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
}

/* Search Filters */
.versioncontrol-git-history-view .vc-changes-list-filter.advanced-mode ~ .version-control-history-viewer,
.versioncontrol-git-history-view .vc-changes-list-filter.advanced-mode ~ .vc-branch-updates-list
{
    top: 50px;
}

.versioncontrol-git-history-view .vc-history-basic-filter .basic-filter-hide-advanced-link
{
	right: 0px;
}

.vc-pushes-pivot-filters
{
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
}
.versioncontrol-git-history-view.git-repositories-view .vc-history-pivot-filters:after
{
    content: "";
}
.vc-branch-updates-tab .vc-changes-list-filter
{
    padding-left: 20px;
    padding-right: 5px;
}

/* Source Path - shown for History tab (Commits) */

.versioncontrol-git-history-view .source-path-filter
{
    padding-left: 10px;
    padding-right: 10px;
}

.versioncontrol-git-history-view .source-path-label
{
    float:left;
    margin-top: 0px;
    margin-left: 10px;
    margin-bottom: 0px;
    margin-right: 6px;
    line-height:24px;
    white-space: nowrap;
}
.versioncontrol-git-history-view .source-path
{
    box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    height: 24px;
    overflow:hidden;
}

.versioncontrol-git-history-view .source-path .text-wrap
{
    overflow: hidden;
    line-height: 22px;
    margin-left: 3px;
}

.versioncontrol-git-history-view .source-path .text-wrap > input
{
    width: 100%;
    height:100%;
    border: none;
    outline: 0;
}

.versioncontrol-git-history-view .source-path .btn-go.disabled
{
    cursor: default;
    opacity: 0.5;
}

.versioncontrol-git-history-view .source-path .btn-go
{
    float: right;
    cursor: pointer;
    width: 20px;
    line-height: 22px;
    vertical-align: middle;
}

.vc-pullrequest-discussion-system-status-indicator .bowtie-tfvc-merge
{
    background-color: #388A34;
    color: #ffffff;
}

.vc-pullrequest-discussion-system-status-indicator .bowtie-tfvc-merge
{
    width: 16px;
    display: inline-block;
}

.menu-bar > .menu-item.hover > span.icon
{
    text-decoration:none;
}
.icon-vc-console {background: url('../../_content/console.png') no-repeat 8px 50% !important;}
.icon-vc-comment-arrow-left-white {background: url('../../_content/comment-arrow-left-white.png') no-repeat 5px 50% !important;}
.icon-vc-download-white {background: url('../../_content/download-white.png') no-repeat 0px 50% !important;}
.icon-vc-eclipse {background: url('../../_content/eclipse.png') no-repeat 8px 50% !important;}
.icon-vc-xcode {background: url('../../_content/xcode.png') no-repeat 8px 50% !important;}
.icon-vc-windows {background: url('../../_content/windows.png') no-repeat 8px 50% !important;}
.icon-vc-androidstudio {background: url('../../_content/androidstudio.png') no-repeat 8px 50% !important;}
.icon-vc-apple {background: url('../../_content/apple.png') no-repeat 8px 50% !important;}
.icon-vc-intellij {background: url('../../_content/intellij.png') no-repeat 8px 50% !important;}


/***** End Version Control Area******/

/****** Begin Build Area*****/

.build-pane-filter
{
    display: none;
}

.deployed-build-list .empty-deployed-builds
{
    margin: 10px;
    margin-left: 20px;
    color: #808080;
}

.deployed-build-list .grid-row
{
    height: 84px;
    padding: 10px;
}

.deployed-build-list .grid-row .requested-by-image
{
    border: 1px solid #cccccc;
    float: left;
    margin-right: 10px;
    height: 60px;
    width: 60px;
}

.deployed-build-list .grid-row img
{
    height: 100%;
    width: 100%;
}

.deployed-build-list .build-name
{
    font-size: 14px;
    font-weight: bold;
}

.deployed-build-list .changeset-name,
.deployed-build-list .build-description
{
    font-size: 14px;
    color: #808080;
}

.deployed-build-list .build-description
{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-right: 28px;
    margin-bottom: 4px;
}

.deployed-build-list .changeset-name
{
    display: inline;
    margin-left: 4px;
}

.deployed-build-list .build-status-text
{
    color: #808080;
    display: inline-block;
    vertical-align: middle;
    padding: 6px 4px 4px 0;
}

.deployed-build-list .successful-build-icon,
.deployed-build-list .failed-build-icon,
.deployed-build-list .partially-successful-build-icon,
.deployed-build-list .stopped-build-icon
{
    height: 16px;
    width: 16px;
    position: absolute;
    top: 60px;
    left: 60px;
    margin-top: -3px;
    margin-left: -3px;
}

.deployed-build-list .successful-build-icon
{
    background: url('../../_content/tfs-icons.png') no-repeat -4464px 50% !important;
}

.deployed-build-list .failed-build-icon
{
    background: url('../../_content/tfs-icons.png') no-repeat -4240px 50% !important;
}

.deployed-build-list .partially-successful-build-icon
{
    background: url('../../_content/tfs-icons.png') no-repeat -4336px 50% !important;
}

.deployed-build-list .stopped-build-icon
{
    background: url('../../_content/tfs-icons.png') no-repeat -4432px 50% !important;
}


.deployed-build-list .delete-build-action
{
    width: 24px;
    height: 24px;
    position: absolute;
    right: 5px;
    top: 5px;
    background: url('../../_content/build-icons.png') no-repeat -24px 50% !important;
}

.deployed-build-list .retain-build-action.locked
{
    width: 24px;
    height: 24px;
    position: absolute;
    right: 5px;
    bottom: 5px;
    background: url('../../_content/build-icons.png') no-repeat -120px 50% !important;
}

.deployed-build-list .retain-build-action.unlocked
{
    width: 24px;
    height: 24px;
    position: absolute;
    right: 5px;
    bottom: 5px;
    background: url('../../_content/build-icons.png') no-repeat -216px 50% !important;
}

.deployed-build-list .retain-build-action.locked:hover
{
    width: 24px;
    height: 24px;
    position: absolute;
    right: 5px;
    bottom: 5px;
    background: url('../../_content/build-icons.png') no-repeat -72px 50% !important;
}

.deployed-build-list .retain-build-action.unlocked:hover
{
    width: 24px;
    height: 24px;
    position: absolute;
    right: 5px;
    bottom: 5px;
    background: url('../../_content/build-icons.png') no-repeat -168px 50% !important;
}


.deployed-build-list .deployed-build-toolbar
{
    display: inline-block;
}

.deployed-build-list .delete-build-action,
.deployed-build-list .retain-build-action,
.deployed-build-list .deployed-build-toolbar
{
    filter: alpha(opacity=0);
    opacity: 0;
    transition: opacity .1s linear;
    -moz-transition: opacity .1s linear;
    -webkit-transition: opacity .1s linear;
}

.deployed-build-list .grid-row:hover .delete-build-action,
.deployed-build-list .grid-row-current .delete-build-action,
.deployed-build-list .grid-row:hover .retain-build-action,
.deployed-build-list .grid-row-current .retain-build-action,
.deployed-build-list .grid-row:hover .deployed-build-toolbar,
.deployed-build-list .grid-row-current .deployed-build-toolbar
{
    filter: alpha(opacity=100);
    opacity: 1;
}

.build-view-right-pane .status-indicator
{
    margin: 5px 5px 0 5px;
}
.build-view-right-pane .status-indicator.inline
{
    display: block;
}

.build-view-right-pane .request
{
    color: #6D6D6D;
}

.build-list-histogram
{
    position: absolute!important;
    top: 10px;
    right: 10px;
    width: 140px;
    height: 45px;
    z-index:2;
}

.build-list-icon
{
    padding: 1px!important;
    text-indent: 0;
}

.build-detail-view
{
}

.build-detail-view .text a
{
    margin: 0 5px 0 5px
}

.build-detail-view .status.icon
{
    margin-right: 10px;
}

.build-detail-view table
{
    width: 100%;
}

.build-detail-view .header
{
    position: absolute;
    left: 0;
    top: -1px;
    right: 0;
    height: 60px;
    background-color: #f3f3f3;
    border-bottom: 1px solid #dddddd;
    box-shadow: 0px 1px 2px rgba(160,160,160,0.2);
}

.build-detail-view .header table
{
    margin-top: 5px;
}

.build-detail-view .overview
{
    font-size: 16px;
}

.build-detail-view .overview .reason, .build-detail-view .overview .duration
{
    white-space: nowrap;
}

.build-detail-view .content
{
    position: absolute;
    left: 20px;
    top: 70px;
    right: 0;
    bottom: 0;
    overflow: auto;
}

.build-detail-view .logmenu
{
    position: absolute;
    left: 20px;
    top: 0px;
}

.build-detail-view .logcontent
{
    position: absolute;
    top: 30px;
    left: 20px;
    right: 0;
    bottom: 0;
    overflow: auto;
}

.build-detail-view .BuildLinkDisabled
{
    color: #6D6D6D;
}

build-detail-view .content .summary-section
{
    display: none;
    margin-bottom: 20px;
}

.build-detail-view .content .summary-header
{
    font-size: 18px;
    color: #4D6082;
    border-bottom: 1px solid #f2f2f2;
    margin: 5px 0 10px 0;
}

.build-detail-view .header .bld-histogram
{
    width: 1%;
}

.build-detail-view .header .info
{
}

.build-detail-view .header .reason
{
}

.build-detail-view .header .duration
{
    color: #6D6D6D;
}

.build-detail-view pre
{
    margin: 0;
    font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
    white-space: pre-wrap;
}

.build-detail-view .log .info
{
    margin: 2px;
    word-wrap: break-word;
    word-break: break-all;
}

.build-detail-view .log .property
{
    margin: 2px;
    color: #6D6D6D;
}

.build-detail-view .log .property-value
{
    margin: 2px;
    color: #6D6D6D;
}

.build-detail-view .summary .sub-header
{
    font-size: 14px;
    font-weight: bold;
    margin: 5px 5px 5px 20px;
}

.build-detail-view .summary .sub-content
{
    margin: 1px 2px 1px 30px;
}

.build-detail-view .summary .warning
{
    border: 1px solid #cccccc;
    padding: 5px;
    margin: 5px;
    background-color: #f2f2f2;
}

.build-detail-view .error {
    border: 1px solid #cccccc;
    padding: 5px;
    background-color: #f2f2f2;
    color: #C00000;
}

.build-detail-view .summary .message
{
    margin: 1px 2px 1px 20px;
}

.build-detail-view .summary .collapsible
{
    margin: 1px 2px 1px 6px;
}

.build-detail-view .summary .disabled-link
{
    color: #6D6D6D;
}

.build-detail-view .summary .new-workitem
{
}

.build-detail-view .summary .new-workitem .title
{
    margin: 0 0 0 5px;
}

.build-detail-view .associated-cs .changeset
{
    margin-bottom: 10px;
}

.build-detail-view .associated-cs .comment
{
    margin: 5px 0 0 0;
    color: #6D6D6D;
    font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
}

.build-detail-view .associated-cs .title
{
    margin: 0 0 0 5px;
}


.build-detail-view .associated-wi .workitem
{
    margin-bottom: 10px;
}

.build-detail-view .associated-wi .summary
{
    margin: 5px 0 0 0;
    color: #6D6D6D;
}

.build-detail-view .associated-wi .title
{
    margin: 0 0 0 5px;
}

.full-screen-mode .full-screen-mode-summary-tab-extension.buildvnext-details-header,
.full-screen-mode .full-screen-mode-summary-tab-extension.hub-title,
.full-screen-mode .full-screen-mode-summary-tab-extension.hub-pivot,
.full-screen-mode .full-screen-mode-summary-tab-extension.flash-message,
.full-screen-mode .full-screen-mode-summary-tab-extension.pageProgressIndicator
{
    display: none !important;
}

.full-screen-mode .full-screen-mode-summary-tab-extension.buildvnext-view-right-pane-content,
.full-screen-mode .full-screen-mode-summary-tab-extension.hub-content,
.full-screen-mode .full-screen-mode-summary-tab-extension.right-hub-content
{
    top: 0 !important;
}
.BuildDiagnostics .BuildNode
{
    margin-top: 0.1em;
    padding: 0;
}

.BuildDiagnostics .BuildNode .BuildNode
{
    margin-left: 10px;
}

.BuildDiagnostics .BuildName, .BuildDiagnostics .BuildDuration, .BuildDiagnostics .BuildLogLink
{
    font-size: 1.2em;
}

.BuildDiagnostics .BuildHeader
{
    overflow: auto;
    border-top: 1px solid #dddddd;
}

.BuildDiagnostics .BuildHeader .BuildName
{
    float: left;
}

.BuildDiagnostics .BuildHeader .BuildDuration
{
    float: right;
    padding-right: 1em;
}

.BuildDiagnostics .BuildProperties
{
    font-size: 1.2em;
    margin-left: 1.5em;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.BuildDiagnostics .BuildMessage, .BuildDiagnostics .BuildWarning, .BuildDiagnostics .BuildError
{
    font-size: 1.2em;
    margin: 0;
    word-wrap: break-word;
    width: 95%;
}

.BuildDiagnostics .BuildSelected
{
    border-style:dashed;
    border-width:thin;
    padding: 2px;
    margin-left: -2px;
    background-color: lightyellow;
}

.BuildDiagnostics .BuildLinkDisabled
{
    color: #6D6D6D;
}

.BuildDiagnostics .BuildIcon
{
    width: 20px;
    height: 20px;
}

.BuildDiagnostics .dim
{
    color: #888;
}

.BuildDiagnostics dl
{
    margin: 0;
    padding-top: 0.2em;
}

.BuildDiagnostics dl dt
{
    color: #888;
    margin-top: 0.1em;
    padding-top: 0;
    padding-bottom: 0;
}

.BuildDiagnostics dl dd
{
}

.BuildDiagnostics dl dd ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    text-indent: -2.0em;
}

.BuildDiagnostics ul li
{
    list-style-type: none;
    color: #888;
    margin: 0;
    padding: 0;
}

.BuildDiagnostics .BuildNode
{
    font-size: 10px;
}

.BuildDiagnostics .BuildHide .BuildName
{
    cursor: pointer;
}

.BuildDiagnostics .BuildShow .BuildName
{
    cursor: pointer;
}

.BuildDiagnostics .BuildHide .ExpandCollapseIcon
{
    cursor: pointer;
    display: inline-block;
    height: 16px;
    Width: 16px;
}

.BuildDiagnostics .BuildShow .ExpandCollapseIcon
{
    cursor: pointer;
    display: inline-block;
    height: 16px;
    Width: 16px;
}

.BuildDiagnostics .BuildProperties
{
    display: none;
}

.BuildDiagnostics .BuildShow ~ div.BuildProperties
{
    display: block;
}

.BuildDiagnostics .Failure
{
    font-size: 1.2em;
    margin: 0;
    word-wrap: break-word;
    width: 95%;
    color: #FF0000;
}

.BuildDiagnostics .BuildHide .ExpandCollapseIcon
{
    background: url('../../_content/tfs-icons.png') no-repeat -1552px 50% !important;
}

.BuildDiagnostics .BuildShow .ExpandCollapseIcon
{
    background: url('../../_content/tfs-icons.png') no-repeat -3760px 50% !important;
}



.build-definition-explorer {
    min-width: 220px;
}

    .build-definition-explorer > .left-toolbar {
        margin-left: 1.3em;
        border-top: 1px solid transparent;
    }

    .build-definition-explorer > .left-toolbar > ul {
        margin: 0px;
    }

    .build-definition-explorer .build-container-node > .node-link > .node-content {
        color: #000000;
        font-weight: bold;
    }

    .build-definition-explorer .build-favorite-empty-node .node-content {
        height: 100%!important;
    }

    .build-definition-explorer .build-favorite-empty-node > .node-link {
        font-style: italic;
        color: #6D6D6D;
        text-decoration: none;
        cursor: default;
    }

    .build-definition-explorer .build-favorite-node .node-content {
        height: auto!important;
    }

    .build-definition-explorer .build-favorite-node .definition-name {
        overflow: hidden;
        text-overflow: ellipsis;
        margin-right: 60px; /* build histogram is 50px wide + 5px margin */
    }

    .build-definition-explorer .build-favorite-node .ago {
        font-style: italic;
        color: #6D6D6D;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-right: 60px; /* build histogram is 50px wide + 5px margin */
    }

    .build-definition-explorer .build-favorite-node .histogram {
        position: absolute;
        right: 5px;
        bottom: 5px;
    }

    .build-definition-explorer .build-definition-node .fav-icon {
        position: absolute;
        top: 4px;
        right: 2px;
        width: 16px!important;
        height: 16px!important;
        cursor: pointer;
    }

    .build-definition-list .node-content .icon-pin
    {
        position: absolute;
top: 4px;
right: 6px;
height: 16px;
width: 16px;
cursor: pointer;
;
    }

    .build-definition-explorer .build-definition-node .build-definition-name {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .build-definition-explorer .build-definition-node .build-definition-name {
        padding-right: 22px;
    }

    .build-definition-explorer > .build-definition-list-container {
        position: absolute;
        top: 6em;
        bottom: 0;
        left: 0;
        right: 0;
        overflow: hidden;
    }

        .build-definition-explorer > .build-definition-list-container:hover {
            overflow: auto;
        }

    .build-definition-explorer .build-definition-list .icon {
        margin-right: 4px!important;
        float: left;
    }

.queue-build
{
}

.queue-build input[type='text']
{
    width: 100%;
    border: 1px solid #cccccc;
}

.queue-build table
{
    width: 100%;
}

.queue-build select
{
    width: 100%;
    border: 1px solid #cccccc;
}

.queue-build .shelveset-picker-container
{
    display: none;
    vertical-align: bottom;
}

.queue-build .check-in-container
{
    display: none;
}

.queue-build label.check-in
{
    display: inline;
}

.queue-build td.boolean-option input[type="checkbox"]
{
    vertical-align: middle;
}

.queue-build td.boolean-option label
{
    display: inline;
    vertical-align: middle;
}
.build-quality-view
{
    width: 100%;
}

.build-quality-button
{
    vertical-align: top;
    width: 1%;
}

.build-quality-button button
{
    height: 22px;
    margin: 2px 0 0 2px;
}

.build-quality-view input
{
    margin: 0;
    padding: 1px;
    border: 1px solid #cccccc;
    width: 100%;
    height: 1.7em;
}

.build-qualities-list
{
    height: 250px;
    overflow: auto;
}

.build-qualities-list select
{
    border: 1px solid #cccccc;
    width:100%;
    height:100%;
}
.definition-histogram > .bar.default
{
    background: url('../../_content/build-histogram-bars.png') no-repeat -247px -142px !important;
}

.definition-histogram > .bar.canceled
{
    background: url('../../_content/build-histogram-bars.png') no-repeat -247px -142px !important;
}

.definition-histogram > .bar.canceled.hover
{
    cursor: pointer;
    background: url('../../_content/build-histogram-bars.png') no-repeat -247px -142px !important;
}

.definition-histogram > .bar.succeeded
{
    background: url('../../_content/build-histogram-bars.png') no-repeat -127px -142px !important;
}

.definition-histogram > .bar.succeeded.hover
{
    cursor: pointer;
    background: url('../../_content/build-histogram-bars.png') no-repeat -7px -142px !important;
}

.definition-histogram > .bar.succeeded.selected
{
    background: url('../../_content/build-histogram-bars.png') no-repeat -7px -142px !important;
}

.definition-histogram > .bar.failed
{
    background: url('../../_content/build-histogram-bars.png') no-repeat -157px -142px !important;
}

.definition-histogram > .bar.failed.hover
{
    cursor: pointer;
    background: url('../../_content/build-histogram-bars.png') no-repeat -37px -142px !important;
}

.definition-histogram > .bar.failed.selected
{
    background: url('../../_content/build-histogram-bars.png') no-repeat -37px -142px !important;
}

.definition-histogram > .bar.partiallysucceeded
{
    background: url('../../_content/build-histogram-bars.png') no-repeat -187px -142px !important;
}

.definition-histogram > .bar.partiallysucceeded.hover
{
    cursor: pointer;
    background: url('../../_content/build-histogram-bars.png') no-repeat -67px -142px !important;
}

.definition-histogram > .bar.partiallysucceeded.selected
{
    background: url('../../_content/build-histogram-bars.png') no-repeat -67px -142px !important;
}

.definition-histogram > .bar.inprogress
{
    background: url('../../_content/build-histogram-bars.png') no-repeat -217px -142px !important;
}

.definition-histogram > .bar.inprogress.selected
{
    background: url('../../_content/build-histogram-bars.png') no-repeat -97px -142px !important;
}

.definition-histogram > .bar.stopped
{
    background: url('../../_content/build-histogram-bars.png') no-repeat -217px -142px !important;
}

.definition-histogram > .bar.stopped.selected
{
    background: url('../../_content/build-histogram-bars.png') no-repeat -97px -142px !important;
}

.definition-histogram > .bar.duration
{
    background: url('../../_content/build-histogram-bars.png') no-repeat -277px -142px !important;
}

.definition-histogram > .bar.duration.hover
{
    cursor: pointer;
    background: url('../../_content/build-histogram-bars.png') no-repeat -307px -142px !important;
}

.definition-histogram > .bar.duration.selected
{
    background: url('../../_content/build-histogram-bars.png') no-repeat -307px -142px !important;
}


.build-definition-tile
{
    background-color: #748189;
}

.build-definition-tile .ellipsis-menubar.menu-bar
{
    background-color: #748189;
}

.build-definition-tile .summary
{
    display: inline;
}

/***** End Build Area******/


/****** Begin Alerts Area*****/



/****** Begin Alerts Controls Area*****/

.alerts-info-bar-container
{
    display: inline-block;
    float: left;
}
.alerts-info-bar-filter-div
{
    display: inline-block;
    float: right;
}
.alerts-info-bar-pivot-filter
{
    display: inline-block;
}
.alerts-info-bar-filler
{
    /* Filler block to give the bar some explicit height as status elements (icons, progress indicators, etc.) come and go */
    display: inline-block;
    height: 20px;
}
.alerts-info-bar-invalidMailSettings
{
    display: inline-block;
    margin-right: 5px;
    padding: 5px;
    background-color: #ffc;
    border: 1px solid #e6e6e6;
}
.alerts-info-bar-invalidMailSettingsMsg
{
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
}
.alerts-info-bar-statusMessage
{
    margin-top: 5px;
    display: inline-block;
}
/* Make alerts dialog host container relative since we have absolutely positioned elements in the editor */
.alerts-editor-dialog-host
{
    position: relative;
}

/*
* Validation summary section (below the properties)
*/
.alerts-editor .validation-summary
{
    position: absolute;
top: 75px;
right: 10px;
left: 10px;
;
}

/*
* Filter section
*/
.alerts-editor .alerts-filter-section-container
{
    position: absolute;
top: 75px;
right: 10px;
bottom: 10px;
left: 10px;
;
}
.alerts-editor .validation-summary.invalid ~ .alerts-filter-section-container
{
    top: 110px;
}
.alerts-editor .alerts-filter
{
    position: absolute;
top: 20px;
right: 0;
bottom: 0;
left: 0;
;
    overflow-y: auto;
}

/* The next 2 css rules are fix for bug 1277777 : Dropdowns in Alerts dialog dont show up in IE 11.
 * The bug occurs because somehow IE 11 doesnt redraw the dropdown when the drop icon is clicked. One solution would be to force redraw of the contol
 * using hacky ways like hiding and showing the control which doesnt sound like a clean fix, and also the js fix would be made in the base control
 * for all browsers which is not good. This css rule is IE specific (-ms prefixed) so scope of any regression is very less.
 * We still dont know why these 2 rules fix the issue but somehow these rules are forcing the control to be redrawn.
 * The fix has been tested on IE9, 10, 11, chrome and Firefox and it doesnt cause any other issues.
 */
.alerts-editor-dialog-host .alerts-filter
{
    display: -ms-flexbox;
}

.alerts-editor-dialog-host .alerts-filter .combo
{
    overflow: auto;
}

/*
* Properties section at the top
*/
.alert-editor-properties
{
    position: absolute;
top: 10px;
right: 10px;
left: 10px;
;
}
.alert-editor-properties label
{
    margin-top: 5px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;;
}
.alert-editor-properties .name-label
{
    position: absolute;
top: 0;
left: 0;
;
    width: 60px;
}
.alert-editor-properties .name-combo
{
    position: absolute;
top: 0;
right: 340px;
left: 60px;
;
    width: auto;
}
.alert-editor-properties .subscriber-label
{
    position: absolute;
top: 0;
right: 240px;
;
    width: 85px;
}
.alert-editor-properties .subscriber-combo
{
    position: absolute;
top: 0;
right: 0;
;
    width: 240px;
}
.alert-editor-properties .address-label
{
    position: absolute;
top: 30px;
left: 0;
;
    width: 60px;
}
.alert-editor-properties .address-combo
{
    position: absolute;
top: 30px;
right: 410px;
left: 60px;
;
    width: auto;
}
.alert-editor-properties .edit-address-link
{
    position: absolute;
top: 30px;
right: 340px;
;
    width: 60px;
    margin-top: 5px;
}
.alert-editor-properties .format-label
{
    position: absolute;
top: 30px;
right: 240px;
;
    width: 85px;
}
.alert-editor-properties .format-combo
{
    position: absolute;
top: 30px;
right: 0;
;
    width: 240px;
}

.dirty-alert-row
{
    font-weight: bold;
}
.invalid-alert-row
{
    color: #C00;
}

.alerts-basic-alert
{
    white-space: nowrap;
    padding-left: 5px;
    padding-bottom: 5px;
}
.alerts-basic-alert input
{
    margin-right: 5px;
}
.alerts-basic-alert label
{
    display: inline-block;
    color: #000000;
    vertical-align: top;
    margin-top: 3px;
}

.alerts-quick-alerts-list ul
{
    list-style-type: circle;
    padding-left: 20px;
    padding-right: 5px;
}
.alerts-quick-alerts-list li
{
    padding-bottom: 5px;
}

/***** End Alerts Controls Area******/


/*
* Left Hub
*/

/* Extend the default width for the left hub pane. The default width is not wide enough for this view  */
.alerts-advanced-view .hub-splitter.splitter.horizontal > .leftPane
{
    width: 290px;
}
.alerts-advanced-view .hub-splitter.splitter.horizontal > .rightPane
{
    left: 290px;
}
.alerts-advanced-view .hub-splitter.splitter.horizontal > .handleBar
{
    left: 290px;
}

/* Left hub content should scroll and have some padding at the top
   to account for the splitter collapse icon */
.alerts-advanced-view .left-hub-content
{
    top: 16px;
}
.alerts-advanced-view .left-hub-content:hover
{
    overflow: auto;
}

/* Section headers on the left hub */
.alerts-leftpane-header
{
    padding: 5px;
    background-color: #e6e6e6;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}

/* Admin controls */
.alerts-advanced-view .identity-input
{
    width: 230px;
}
.alerts-admin-actions label
{
    margin-bottom: 5px;
    display: block;
}

/*
* Main content (Right Hub)
*/
.alerts-advanced-view .alerts-info-bar
{
    font-family: Segoe UI Light, Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
    font-size: 14px;
    padding: 5px;
    margin-left: 10px;
    background-color: #f2f2f2;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;;
    position: relative;
}
.alerts-advanced-view .alerts-grid
{
    position: absolute;
top: 80px;
right: 0;
bottom: 0;
left: 0;
;
}

/* Make the dialog host/container relative so that we can absolutely position items
 * within the container. This is needed because we want the text area to grow/shrink
 * as the dialog is resize. */
.alerts-edit-email-dialog-host
{
    position: relative;
}

/* Area for the text box and radio buttons (if present). Leave room for the label at the bottom */
.alerts-edit-email-dialog-contents
{
    position: absolute;
top: 0;
right: 20px;
bottom: 60px;
left: 0;
;
}

/* Radio Buttons */
.alerts-edit-email-dialog-contents.radioMode label, .alerts-edit-email-dialog-contents.radioMode input
{
    margin-top: 5px;
    vertical-align: middle;
    display: inline-block;
    color: #000000;
}

/* The text area control should fill the remainder of the dialog*/
.alerts-edit-email-dialog-contents .textAreaContainer
{
    position: absolute;
top: 20px;
right: 0;
bottom: 0;
left: 0;
;
}
.alerts-edit-email-dialog-contents.radioMode .textAreaContainer
{
    position: absolute;
top: 50px;
right: 0;
bottom: 0;
left: 5px;
;
}
.alerts-edit-email-dialog-contents textarea
{
    height: 100%;
    width: 100%;
}

/* Email format description at the bottom */
.alerts-edit-email-dialog-host .emailFormatInfo
{
    position: absolute;
right: 20px;
bottom: 0;
left: 0;
;
    height: 60px;
    padding: 5px;
}

/* */
.alerts-edit-email-dialog-host .singleEmailFormatInfo
{
    padding: 5px;
    font-style: italic;
}
.alerts-manage-dialog-host
{
    position: relative;
}

.alerts-manage-view fieldset
{
    border: 1px solid #6D6D6D;
    padding: 5px;
}

/*
* My email address and Adnvaced alert link
*/
.alerts-manage-view .alerts-management-my-address
{
    padding: 5px;
    margin-right: 20px;
}

.alerts-management-advanced-link
{
    color: #6D6D6D;
    margin-top: 20px;
}
.alerts-management-advanced-link .disabled-link
{
    color: #6D6D6D;
}

/*
* Basic/Custom Alerts tabs
**/
.alerts-management-tabsHost {
    position: absolute;
top: 95px;
right: 20px;
bottom: 20px;
left: 20px;
;
}
.alerts-management-tabsHost-notAdmin {
    position: absolute;
top: 66px;
right: 20px;
bottom: 20px;
left: 20px;
;
}
.alerts-manage-dialog-host .alerts-management-tabsHost,
.alerts-manage-dialog-host .alerts-management-tabsHost-notAdmin {
    left: 0;
    bottom: 0;
}
.alerts-management-tab
{
   position: absolute;
top: 20px;
right: 0;
bottom: 0;
left: 0;
;
}

/*
* Custom Alerts tab
**/
.alerts-custom-splitter fieldset
{
    height: 90%;
    margin-top: 1em;
}
.alerts-manage-view .alerts-quick-alerts-list
{
    /* List should be scrollable and below the legend */
    position: absolute;
top: 20px;
right: 5px;
bottom: 5px;
left: 5px;
;
    overflow-y: auto;
}
.alerts-manage-view .alerts-grid
{
    /* Grid needs to go below the legend */
    position: absolute;
top: 20px;
right: 0;
bottom: 0;
left: 0;
;
}

/* Splitter default size from the page */
.alerts-manage-page-content .alerts-manage-view .splitter.horizontal > .leftPane
{
    width: 300px;
}
.alerts-manage-page-content .alerts-manage-view .splitter.horizontal > .rightPane,
.alerts-manage-page-content .alerts-manage-view .splitter.horizontal > .handleBar
{
    left: 300px;
}

/* Splitter default size from the dialog */
.alerts-manage-dialog-host .splitter.horizontal > .leftPane
{
    width: 215px;
}
.alerts-manage-dialog-host .splitter.horizontal > .rightPane,
.alerts-manage-dialog-host .splitter.horizontal > .handleBar
{
    left: 215px;
}

/***** End Alerts Area******/


/****** Begin Admin Area*****/




body.Admin
{
    background-color: #007acc;
}

.dataContainer {
    margin: 0px;
    width : 100%;
}
.boxstyle {
    border-style: solid;
    margin-left: 10px;
    margin-right: 5px;
    width: 60px;
    height: 40px;
    font-size: 1.2em;
    border-color: gray;
}

.subscriberText {
    font-size: 1.2em;
    font-weight: bold;
    color: gray;
    margin-top: 10px;
}
.buildText {
    width: 100px;
    padding-right: 10px;
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    display: inline-block;
}

.buildfield {
    margin-top: 15px;
}

.enable_billing {
    cursor: pointer;
    padding: 0px 5px;
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
    min-width: 110px;
    line-height: 18px;
    display: inline;
}

.billingCycleText {
    padding: 0px 5px;
    display: inline-block;
}

.buildDiv {
    font-size: 1em;
    width: 100px;
    height: 40px !important;
    border-style: solid;
    border-width: 3px;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
    display: inline-block;
    padding-top : 5px;
    border-color : gray;
}

.buttonstyle {
    background-color: #f0f0f0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #9c9a9c;
    display: inline-block;
    color: #000000;
    font-size: 15px;
    font-weight: normal;
    padding: 6px 24px;
    text-decoration: none;
}
.serviceName {
    height : 24px;
    padding-left : 5px;
}

.subscriberText-1 {
    color: #2c2828;
}

.subscriberText-2 {
    color: #808080;
    margin-left: 5px;
}

.subscriberText-asterix {
    color: #808080;
}
.error-message-accountRename {
    display: inline;
    color : #FF0000;
}
.error-message-div {
    display: block;
    margin-left: 115px;
    margin-right: 10px;
}
.settings-advance-control-container {
    display: inline;
    padding-top: 15px;
}
.warning-understand {
    margin-bottom : 50px;
}
.settings-advance-control {
}

.rename-warning-list {
    display: block;
    margin: 10px 7px 10px 7px;
    padding-bottom: 10px;
}
.message-warning {
    display: block;
}
.accountUrl-text {
    padding-right : 10px;
    padding-left: 7px;
}

.rename-checkbox {
    padding-top: 0px;
    display: inline-flexbox;
    margin-left: 0px;
    padding-left: 0px;
}

.rename-checkbox-text {
    padding-left: 5px;
    display: inline-flexbox;
}
.rename-warning-header-div {
    height: 48px;
    display: inline;
    border-bottom: 1px solid silver;
    font-size: 1.0em;
}
.rename-warning-icon
{
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url('../../_content/warning.png') no-repeat -0px -0px !important;
}


.rename-warning-tbl-img {
    padding: 4px 3px 0px 3px;
}
.rename-warning-tbl-txt {
    padding-left: 10px;
}

.description-rename {
    padding : 6px 5px 1px 1px;
    display: inline;
}

.settings-advance-control-header {
    font-size : 1.0em;
    margin-left : 20px;
    margin-top : 25px;
    margin-right : 10px;
}
.divider {
    margin : 10px 7px 2px 10px;
    border-bottom: 1px solid silver;
}
.inputAccountUrl {
}
.rename-error-message-icon
{
    padding-left: 16px;
    background: url('../../_content/tfs-icons.png') no-repeat -4240px 50% !important;
}

.rename-err-footer-img {
    display: inline-block;
    float: left;
    width: 22px;
    height: 40px;
}
.display-Advance-Url {
    float : left;
    margin-left : 2px;
    min-width : 100px;
    margin-top : 10px;
}
.display-Advance {
    float : left;
    margin-left : 10px;
    width : 100px;
    margin-top : 10px;
}
.display-Advance-changename {
    float : left;
    margin-left : 10px;
    width : 75px;
    margin-top : 10px;
}
.display-Advance-label {
    float : left;
    margin-left : 20px;
    width : 90px;
    margin-top : 10px;
}
.display-Advance-change {
    text-decoration: underline;
}
a.admin-disabled-link
{
    color: #808080;
}

a.admin-disabled-link:hover
{
    color: #808080;
    text-decoration: none;
}

#identityInfo
{
    line-height: 18px;
    height: 100%;
    width: 100%;
}

.account-section-control
{
    clear: both;
    padding-bottom: 30px;
}

.account-section-control .secondary-guidance
{
    margin-left: 0;
}

.settings-control-column-width
{
    width: 350px;
    -webkit-user-select: none;
}

.message-area-container
{
    margin: 10px;
}

.account-settings-table
{
    margin-left: 20px;
    margin-top: 20px;
}

.account-settings-table td
{
  padding-bottom: 12px;
}

.account-settings-table td:first-child
{
    padding-right: 10px;
}

.account-settings-container
{
    margin-left: 0px;
    margin-top: 0px;
}

.account-section-control .header span,
.groups-section-header .main-header
{
    font-weight: bold;
    text-transform: uppercase;
}

.group-info-errors
{
    margin-top: 10px;
}

.group-info-error-message
{
    color: #C00000;
}

.group-info-input
{
    border: 0;
    margin: 0;
    padding: 0;
    outline: none;
    width: 100%;
    background-color: transparent;
    overflow: hidden;
    resize: none;
}

.group-info-buttons
{
    margin-top: 10px;
}

.inline-input-wrapper
{
    border: 1px solid transparent;
    padding: 4px;
    margin-left: -5px;
}

.inline-input-wrapper:hover,
.inline-input-wrapper.focused
{
    border-color: #6D6D6D;
}

.inline-input-wrapper.invalid
{
    border-color: #C00000;
}

.groups-section-header
{
    margin-bottom: 10px;
}

.manage-group-image
{
    display: inline-block;
    margin-right: 20px;
    vertical-align: top;
}

.manage-group-image img
{
    display: block;
    margin-bottom: 10px;
    width: 95px;
    height: 95px;
}

.manage-group-data
{
    display: inline-block;
}

.group-actions
{
    display: inline-block;
    margin-left: 20px;
    border-left: solid 1px;
    padding-left: 5px;
    font-size: 12px;
    font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
    vertical-align: text-bottom;
}

.group-actions .menu-item.hover
{
    outline: none;
    background-color: #D4E5F5;
}

.group-actions:hover
{
    cursor: pointer;
}

.add-account-users td:first-child
{
    white-space:nowrap;
}

.add-account-users .header span
{
    font-weight: bold;
    text-transform: uppercase;
}

/* ACCOUNT USERS AND SECURITY */

.identity-list-section
{
    height: 100%;
}

.identity-list-section .toolbar
{
    padding-left: 0;
    margin-bottom: 5px;
    border-top: none;
    margin-left: 0px;
}

.manage-identities-view .identity-list-section
{
    margin-left: 10px;
}

.security-view
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.main-container .security-view
{
    margin-left: 10px;
}

.security-view .leftPane .hub-pivot-content
{
    top: 0;
}

.security-view .rightPane .hub-pivot
{
    padding-left: 20px;
}

.security-view .rightPane .hub-pivot-content
{
   top: 38px;
}

.security-view .hub-splitter.splitter.horizontal > .leftPane,
.manage-identities-view .hub-splitter.splitter.horizontal > .leftPane
{
    width: 350px;
}

.security-view .hub-splitter.splitter.horizontal > .rightPane,
.manage-identities-view .hub-splitter.splitter.horizontal > .rightPane
{
    left: 350px;
}

.security-view .hub-splitter.splitter.horizontal > .handleBar,
.manage-identities-view .hub-splitter.splitter.horizontal > .handleBar
{
    left: 350px;
}

.manage-identities-view.hub-view.explorer .right-hub-content
{
    top: 70px;
}

.manage-identities-view.hub-view.explorer .hub-progress
{
    top:60px;
    right:100px;
}

.manage-identities-view .hub-content
{
    top: 15px;
}

.manage-identities-view .left-hub-content
{
    top: 0px;
    right: 0;
}

.manage-identities-view .message-area-control.visible~.hub-content
{
    top: 48px;
}
.manage-identities-view .message-area-control.visible~.visible~.hub-content
{
    top: 81px;
}
.manage-identities-view .left-hub-content .hub-pivot
{
    top: 5px;
}

.manage-identities-view .hub-pivot-content
{
    top: 39px;
    overflow: auto;
}

.manage-identities-view.team-view .hub-pivot-content
{
    top: 0;
}

.manage-identities-view .left-hub-content .hub-pivot-content
{
    left: 0;
}

.manage-identities-view .right-hub-content .hub-pivot-content
{
    top: 34px;
}

.manage-identities-view .identity-search-control
{
    background-color: #ffffff;
}

.manage-identities-view .hub-title
{
    height: 100px;
    margin: 0;
}

.manage-identities-view .hub-title .label
{
    position: absolute;
    top: 0;
    left: 20px;
    right: 110px;
    bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    padding-top: 15px;
}

.manage-identities-view .hub-title .label .title-text
{
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.manage-identities-view .hub-title .image
{
    position: absolute;
    top: 10px;
    right: 10px;
}

.security-view .leftPane .hub-pivot
{
    left: 0;
}

.main-identity-grid.grid
{
    border: 0px;
}

.empty-cell
{
    font-style: italic;
    color: #6D6D6D;
}

.membership-control-header
{
    margin-bottom: 5px;
}

.membership-control-header .message-area-control
{
    max-width: 500px;
    margin-bottom: 6px;
}

#identityInfo .message-area-control
{
    margin-left: 10px;
}

.membership-control-header .pivot-filter
{
    margin-right: 6px;
}

.membership-control-header .identity-search-control
{
    margin-top: 5px;
}

.actions-control.toolbar
{
    height: auto;
}

.identity-details-section
{
    height: 100%;
    position: relative;
    width: 100%;
}

.identity-details-section .manage-membership-grid
{
    border: 0;
}

.identity-details-section .manage-membership-grid .grid-header-canvas
{
    padding-left: 10px !important;
}

.identity-details-section .manage-membership-grid .grid-canvas
{
    margin-left: 10px;
}

.dialog-errors
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.dialog-errors li
{
    padding-bottom: 5px;
}

.dialog-errors li:last-child
{
    padding-bottom: 0;
}

.membership-control-actions.toolbar
{
    vertical-align: top;
    height: auto; /* We set the height as auto for a bug in chrome which makes the add member dialog box not appear when clicked on the menu item */
}

.membership-control-actions.toolbar .menu-bar
{
    float: left;
}

.manage-membership-notifications
{
    padding: 2px;
}

.manage-membership-action-cell
{
    visibility: hidden;
}

.grid-row-current .manage-membership-action-cell
{
    visibility: visible;
}

.grid-row:hover .manage-membership-action-cell
{
    visibility: visible;
}

.removed-identity
{
    color: #808080;
}

.removed-identity.grid-row-selected
{
    color: #6D6D6D;
}

.removed-identity.grid-row-selected .manage-membership-action-cell
{
    color: #ffffff;
}

.add-identity-dialog .main-description
{
    background-color: #e6e6e6;
    font-weight: bold;
    padding: 4px;
    text-transform: uppercase;
}

.add-identity-dialog .table-section
{
    float: left;
    margin-left: 10px;
}

.add-identity-dialog .main-table td
{
    min-height: 20px;
    vertical-align: top;
}

.add-identity-dialog .main-table td:first-child
{
    padding-right: 16px;
}

.add-identity-dialog .section
{
    clear: both;
    padding-top: 10px;
}

.add-identity-dialog .header
{
    font-family : Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
    font-weight: normal;
    font-size: 18px;
    line-height: 20px;
    margin: 0;
}

.add-identity-dialog .description
{
    color: #808080;
    margin: 0 0 15px 0;
    line-height: 20px;
}

.add-identity-dialog .browse-context
{
    height: 100%;
}

.add-identity-dialog .message-area-control.upsell-message
{
    border-color: transparent;
    margin-bottom: 10px;
}

.add-identity-dialog .main-table td.ip-dialog-search-container
{
    width: 450px;
    overflow-y : auto;
    border: 2px rgba(211, 228, 244, 1) solid;
    max-height: 84px;
    display: block;
}

.identity-list-section .identity-search-box .ip-groups-search-container
{
    width: 310px;
    border: 2px rgba(211, 228, 244, 1) solid;
    height: 30px;
    display: block;
}

.permission-changed-background
{
    font-weight: bold;
}

ul.error-list
{
    list-style-type:square;
    padding:5px 10px;
    margin:5px 10px;
}

ul.error-list li
{
    background-color: #e6b9b9;
    color: #000000;
}

.permission-warning
{
    background-color: #ffffcc;
}

.identity-grid-search
{
    width: 260px;
    display: inline-block;
}

input.submit-button
{
    margin-right: 10px;
    border:1px solid #e6e6e6;
    background-color: #ffffff;
    font-size:12px;
    padding:4px 12px;
    text-align:center;
    cursor:pointer;
    border-radius: 3px;
}

input.submit-button:hover
{
    background-color: #cccccc;
    color: #000000;
}

/* ACE/Permissions Control */
.ace-control
{
    white-space:nowrap;
}

.ace-control table td
{
    padding:4px 0px;
}

.ace-control table td.permissionNameColumn
{
    padding-right:15px;
}

.ace-control table td.permissionValueColumn
{
    text-align:center;
    width:60px;
    cursor:pointer;
}

.ace-control table td.traceColumn
{
    padding-right:10px;
}

.ace-control table td.hide
{
    visibility:hidden;
}

.ace-control table tr.style_ShadeBackground
{
    background-color: #e6e6e6;
}

/* accountSection Actions Control */
.account-section-actions
{
    clear: both;
    padding-top: 8px;
    padding-bottom: 8px;
}

.account-section-actions ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.account-section-actions ul li
{
    display:inline;
    padding:0 6px 0 6px;
    border-left:1px solid #808080;
}

.account-section-actions ul li:first-child
{
    border:none;
    padding-left:0px;
}

/* Used for general exceptions where we don't know what the error text will be,
   and the error text may not be actionable or easy to understand.

   Examples:
      "Timeout connecting to server",
      "Object reference not set to an instance of an object.",
      "Your network connection is unavailable. Please reconnect and try again.",
      "Ajax request failed with status: Forbidden." (if server returns a HttpStatusCode.Forbidden),
 */
.admin-exception-message
{
    font-family: monospace;
}

.permission-header
{
    white-space: nowrap;
}

.permission-header .header
{
    font-weight: bold;
    text-transform: uppercase;
}

.permission-actions
{
    padding-top: 10px;
    padding-bottom: 10px;
}

.permission-actions .btn-close
{
    display: none;
}

.no-chrome .permission-actions
{
    text-align: right;
}

.no-chrome .permission-actions .btn-close
{
    display: block;
}

.permission-info
{
    height: 100%;
    margin-left: 20px;
    overflow: auto;
}

.permission-info .description
{
    white-space: pre-wrap;
    padding-top: 10px;
}

.no-permission-info
{
    height: 100%;
    width: 100%;
}

.no-permission-info td
{
    vertical-align: bottom;
    text-align: right;
    padding: 0px;
}

.permission-content
{
    padding-top: 10px;
}

.ace-control table td
{
    padding:4px 0px;
}

.ace-control table td.permission-name-column
{
    padding-right:15px;
    color: #808080;
}

.ace-control table td.permission-value-column
{
    cursor:pointer;
    padding: 0 5px;
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
    min-width: 110px;
}

.ace-control table td.permission-value-column.hovered
{
    border-color: #007acc;
}

.ace-control table td.permission-data
{
    width: 0;
}

.ace-control table tr.permission-not-editable .permission-value-column
{
    color:#6D6D6D;
    cursor: auto;
}

.ace-control table .trace-permission-column
{
    padding-left: 10px;
}

.ace-control table td.traceColumn
{
    padding-right: 10px;
}

.ace-control .permissions-table tr:hover
{
    background-color: transparent;
}

.ace-control .permissions-table
{
    border-collapse: separate;
}

.permissions-inherit-deny
{
    color: #D56B01;
}

/* TRACE PERMISSIONS */
.trace-permission-page .info-section
{
    margin-bottom: 20px;
}

.trace-permission-page .info-section .header
{
    color: #4D6082;
    font-size: 36px;
    font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
    font-weight: 200;
}

.trace-permission-page .info-section .description
{
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
    background-color: #e6e6e6;
    color: #000000;
    padding: 4px 4px 4px;
}

.trace-permission-page .info-section .key
{
    color: #808080;
    padding-right: 10px;
}

.trace-permission-page .info-section .effective-value
{
    text-transform: capitalize;
}

.trace-permission-page .info-section table,
.trace-permission-page .info-section .form-inline
{
    margin-left: 4px;
}

.trace-permission-page .groups-section .secondary-guidance
{
    margin-bottom: 15px;
}


.trace-permission-page .groups-section .bullet
{
    padding-left: 16px;
    background: url('../../_content/tfs-icons.png') no-repeat -2864px -16px !important;
}


.trace-permission-page .groups-section .key-subtitle
{
    padding-left: 15px;
}

.trace-permission-page .groups-section .value
{
    padding-left: 15px;
}

.trace-permission-page .groups-section .value.permission
{
}

.trace-permission-page .groups-section .current
{
    color: #a5b6ed;
}

.trace-permission-page td
{
    padding-bottom: 8px;
}

.trace-permission-page table
{
    clear: both;
}

.trace-permission-page .account-section-control
{
    padding-left: 4px;
}

.trace-permission-error
{
    color: #C00000;
    margin-left: 10px;
}

.permission-button
{
    display: inline-block;
    margin-right: 5px;
}

.permission-link-buttons
{
    margin-top: 20px;
}

/* GETTING STARTED PAGES */
.creating-collection-text
{
    margin-bottom: 10px;
}

/* PROPERTIES CONTROL */
.properties-list tr td:first-child
{
    font-weight: bold;
    padding-right: 20px;
}

.admin-dialog .create-team-area-label
{
    display: inline;
}

.team-error
{
    color: #C00000;
}

/* ==============================================================*/
/* Styles specific to Create/Edit/Delete/Security Area/Iteration dialogs
/* ==============================================================*/

.row-drag-tile
{
    height: 48px;
    width: 76px;
    padding: 3px;
    position: absolute;
    font-size: 7pt;
    cursor: default;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    background-color: #C6DBF7;

}

.grid-row.admin-area-iteration-grid-row-drop-active
{
    background-color: #ffc;

}

.request-user-info-control > div:first-child
{
    white-space: nowrap;
    width:auto;
    padding-top: 0px;
}

.request-user-info-control > div
{
    width: 400px;
    padding: 5px 10px 5px 0px;
}

.areas-iterations-edit-control td:first-child
{
    white-space: nowrap;
    width:auto;
    padding-top: 0px;
}

.areas-iterations-edit-control td
{
    width: 400px;
    padding: 5px 10px 5px 0px;
}

/* ==============================================================*/

.admin-area-iterations .grid-gutter-icon.icon-delete
{
    background: url('../../_content/tfs-icons.png') no-repeat -1296px 50% !important;
}

.admin-area-iterations .grid-gutter-icon.icon-new-document
{
    background: url('../../_content/tfs-icons.png') no-repeat -2768px 50% !important;
}


.admin-iterations-container
{
    margin-bottom: 10px;
    margin-right: 10px;
    width: 350px;
}

/* This is the class applied to the filter that we render ourselves on the Areas/Iterations dialog */
.admin-iterations-filter
{
    float: right;
    font-size: 12px;
    display: inline-block;
}

.delete-iterations-field-label
{
    margin-top: 40px;
    margin-bottom: 4px;
}

/* ==============================================================*/
/*team iterations styles*/
/* ==============================================================*/

.admin-areas-iterations.toolbar
{
    width: auto;
    padding-left: 0;
    margin-top: 10px;
}

.admin-areas-iterations-header
{
    padding-top: 5px;
    padding-bottom: 5px;
}

.admin-area-iterations-link
{
    visibility: hidden;
}

.grid-row:hover .admin-area-iterations-link
{
    visibility: visible;
}

.grid-row-current .admin-area-iterations-link
{
    visibility: visible;
}

.guidance-text
{
    padding-top: 10px;
    padding-bottom: 10px;
    width:470px;
}

.guidance-text.secondary-guidance
{
    clear: both;
    margin-left: 7px;
}

.guidance-text.admin-areas-iterations
{
    clear: both;
    padding: 0;
    padding-left: 18px;
}

.message-area.admin-areas-iterations
{
    width: auto;
    margin: 0;
    margin-top: 5px;
    float: none;
}

.admin-areas-iterations-grid
{
    clear: left;  /* Message area uses left float so need to clear float */
    height: 600px; /* This should always be changed by the javascript when the grid is rendered */
}


.admin-areas-iterations-permission-warning
{
    display:none;
    background-color: #ffffcc;
    padding-left: 8px;
}

/* ==============================================================*/
/* styles for the Team Workitem */

/* ==============================================================*/
.team-field .field-value
{
    width: 200px;
}

.team-field .label-cell
{
    vertical-align: top;
    margin:0;
    padding:0;
}

.team-field .row-delete-cell
{
    width: 22px;
}

.team-field .control-cell
{
    padding: 4px 6px 0 0;
}

.team-field .row-delete
{
    cursor: pointer;
}

.team-field .controls-layout
{
    margin-bottom: 20px;
    border-spacing:0px;
    border-collapse:collapse;
    border-width:0;
}

.team-field .controls-container
{
    padding-bottom: 4px;
    border-spacing:0px;
    border-collapse:collapse;
    border-width:0;
}

.team-field .field-name
{
    font-weight: bold;
}

.field-config-controls .icon-add
{
    margin: 0 4px 0 0;
}

/*** Feature Enablement Dialog ***/
.feature-enablement-dialog > .ui-dialog-content
{
    padding: 20px 40px 20px 40px;
}

.feature-enablement-dialog td.incorrectly-configured-feature
{
    color: #D56B01;
}

.feature-enablement-dialog table.featureList
{
    margin-left: 1em;
}

.feature-enablement-dialog table.featureList td:first-child
{
    padding-right: 3em;
}

.feature-enablement-dialog .templateName
{
    font-weight: bold;
}

.deleted .feature-enablement-dialog div.issues
{
    border: 1px solid #e6e6e6;
    height:  110px;
    max-height: 110px;
    overflow: auto;
}

.feature-enablement-dialog textarea
{
    width: 100%;
    height:  110px;
    max-height: 110px;
    resize: none;
}

.feature-enablement-dialog p
{
    margin-top: 1.75em;
}

.feature-enablement-info
{
    background-color: #ffffcc;
    padding: 8px;
}


/* ==============================================================*/
/* styles for the Account AAD Status */

/* ==============================================================*/

.settings-AccountAad-control-container
{
    display: inline;
}

.settings-AccountAad-control
{
    clear:both;
    margin-top:50px;
}

.settings-AccountAad-control-header
{
    font-size : 1.0em;
    margin-left : 20px;
    margin-top : 25px;
    margin-right : 10px;
    padding-top : 15px;
}

.display-companion {
    margin-left : 10px;
    margin-top : 10px;
}

.display-AccountAad-label-AadAccount
{
    clear:both;
    float : left;
    margin-left : 20px;
    width : 600px;
    margin-top : 10px;
}

/* ==============================================================*/
/* styles for the Account trial */

/* ==============================================================*/

.settings-companion-control-container {
    display: inline;
}

.settings-companion-control {
    clear:both;
    margin-top:50px;
}

.settings-companion-control-header {
    font-size : 1.0em;
    margin-left : 20px;
    margin-top : 25px;
    margin-right : 10px;
    padding-top : 15px;
}

.display-companion {
    margin-left : 10px;
    margin-top : 10px;
}

.display-companion-label {
    clear:both;
    float : left;
    margin-left : 20px;
    width : 400px;
    margin-top : 10px;
}

.display-companion-Upgrade-license {
    clear:both;
    float : left;
    margin-left : 20px;
    margin-top : 10px;
}

.trial-error-message-icon
{
    padding-left: 16px;
    background: url('../../_content/tfs-icons.png') no-repeat -4240px 50% !important;
}

.trial-err-footer-img {
    display: inline-block;
    float: left;
    width: 22px;
    height: 40px;
}

.trial-error-message-img {
    vertical-align: bottom;
}

.error-message-account-trial {
    display: inline;
    color : #FF0000;
}

.error-message-div-trial {
    display: block;
    margin-left: 0;
    margin-top: 15px;
    margin-right: 10px;
}

.display-companion-start-trial {
     margin-top : 10px;
     float:left;
}

.display-companion-label-starttrial {
    clear:both;
    float : left;
    margin-left : 20px;
    width : 360px;
    margin-top : 10px;
}

.detail-feature-trial {
    margin-top:20px;
}

.description-frature-trial-once {
    font-weight:bold;
}

/* ==============================================================*/
/* Team Settings
/* ==============================================================*/

.colored-bar {
    display: inline-block;
    margin-left: 2px;
	margin-right: 4px;
    width: 6px;
    height: 15px;
    position: relative;
    top: 2px;
    left: -1px;
    border: 1px solid transparent;
}

.team-settings-control {
    padding: 0px 10px 10px 5px;
    height: auto;
    width: auto;
    color: #424245;
}

.team-settings-control .main-header {
    font-weight: 500;
    margin-bottom: 5px;
    font-size: 16px;
    padding-top: 15px;
}

.team-settings-control .main-description {
    padding-top: 5px;
}

.team-settings-control .section-header {
    font-weight: 500;
    padding-top: 10px;
}

.team-settings-control .sections-area-container {
    overflow-y: auto;
}

.team-settings-control .teamsettings-radiolist,
.team-settings-control .teamsettings-checkbox {
    margin-bottom: 20px;
    padding-top: 10px;
}

.team-settings-control .teamsettings-radiolist {
    padding-left: 9px;
}

.team-settings-control .teamsettings-radiolist input,
.team-settings-control .teamsettings-checkbox input {
    vertical-align: -2px;
}

.team-settings-control .teamsettings-radiolist label,
.team-settings-control .teamsettings-checkbox label {
    color: #424245 !important;
}


.team-settings-control .section-checkbox-description {
    padding-top: 0px;
    margin-left: 21px;
}

.team-setting-capitalize {
    text-transform : capitalize;
}

.team-setting-inline-div {
    display: inline;
}

.team-setting {
    padding-top: 10px;
}

.team-settings-control .settings-warning
{
    display: inline-block;
    margin-right: 5px;
    padding: 5px;
    background-color: #ffc;
    border: 1px solid #e6e6e6;
}

.image-styling-bugs-behavior-team-setting {
    padding-left: 22px;
    padding-top: 5px;
    padding-bottom: 10px;
}

.team-settings-control .error-message {
    color: #D91B2C;
}

.team-settings-control .message-area-control .message-header {
    padding-left: 20px;
}

.team-settings-control .message-area-control.warning-message {
    border: none;
    background: none;
    padding: 3px 0px 10px 0px;
}

.team-settings-control .error-message-icon {
    vertical-align: -2px;
}

.team-settings-control .icon-warning {
        height:16px;
        width: 16px;
        float: left;
}

.team-settings-control .error-message-icon
{
    height: 13px;
    width: 13px;
    margin-top: 2px;
    margin-right: 5px;
    float: left;
    background: url('../../_content/icon-error-small.png') no-repeat -0px -0px !important;
}


.team-settings-control .common-message-area {
    padding-top: 5px;
}

.team-settings-control .info-message {
    font: normal 12px Segoe UI;
}

.team-settings .checkbox-list {
    overflow: hidden !important;
}


/* ==============================================================*/
/* Team Overview
/* ==============================================================*/

.team-overview-control .fill-content {
    top: 10px;
}

.team-overview-control .right-hub-content .admin-overview {
    margin-left: 0px;
}

.export-collection-view {
    width: 800px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 10px;
}

.export-note-top {
    margin-top: 8px;
}

.export-collection-view .hub-pivot{
    height: 0px;
}

.export-collection-table {
    border-style: solid;
    border-width: 1px;
    margin-top: 25px;
    width: 800px;
}

.export-start {
    background: #f2f2f2;
    border-color: #a6a6a6;
}

.export-succeeded {
    background: #e2f0d9;
    border-color: #548235;
}

.export-succeeded td {
    background: #e2f0d9;
    border-color: #548235;
}

.export-failed {
    background: #f8eae5;
    border-color: #c00000;
}


.export-failed td {
    background: #f8eae5;
    border-color: #c00000;
}

.export-collection-table td {
    padding: 12px;
    border-style: solid;
    border-width: 1px;
}

.export-action-header {
    font-weight: bold;
    font-size: 14px;
}

.export-action-detail {
    margin-top: 6px;
    margin-left: 3px;
}

.export-action-button {
    min-width: 75px;
}

.export-action-button-container {
    text-align: center;
}

.export-subway-progress td {
    padding: 0px;
    border-style:none;
    border-width: 0px;
}

.export-in-progress {
    background: #fbe5d6;
    border-color: #c00000;
}

.export-error-container {
    background-color: rgb(230,185,185);
    border-style: solid;
    border-color: rgb(192,0,0);
    display:block;
    padding: 5px;
    border-width: 1px;
    margin-top: 12px;
}

.error-message-accountDelete {
    display: inline;
    color : #FF0000;
}


.delete-warning-list {
    display: block;
    margin: 10px 7px 10px 7px;
    padding-bottom: 10px;
}


.delete-checkbox {
    padding-top: 0px;
    display: inline-flexbox;
    margin-left: 0px;
    padding-left: 0px;
}

.delete-checkbox-text {
    padding-left: 5px;
    display: inline-flexbox;
}
.delete-warning-header-div {
    height: 48px;
    display: inline;
    font-size: 1.0em;
}

.delete-warning-icon
{
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url('../../_content/warning.png') no-repeat -0px -0px !important;
}


.delete-warning-tbl-img {
    padding : 0px 3px 4px 3px;
    width : 35px;
}

.delete-warning-tbl-txt {
    padding-left : 10px;
}

.description-delete {
    padding : 6px 5px 1px 1px;
    display : block;
}


.description-delete-p1 {
    padding : 0px 5px 8px 1px;
    display : block;
}

.description-delete-p2 {
    padding : 6px 5px 15px 1px;
    display : block;
}

.description-delete-p3 {
    padding : 6px 5px 15px 1px;
    display : block;
}

.delete-account-dialog {
    height : 88%;
}

.delete-error-message-div {
    display : block;
    margin-right: 10px;
}

.delete-warning-warningtext {
    margin-top : 12px;
}

.delete-error-message-icon
{
    padding-left : 16px;
    background: url('../../_content/tfs-icons.png') no-repeat -4240px 50% !important;
}


.delete-err-footer-img {
    display : inline-block;
    float : left;
    width : 22px;
}

.delete-account-combo {
    width : 330px;
    margin-top : 4px;
}

.deleteHeaderdivider {
    margin-top : 2px;
    margin-bottom : 2px;
    border-bottom: 1px solid silver;
}

.whyDeleteAccountTextboxinvisible {
     margin-top : 0px;
     width : 100%;
     overflow : hidden;
     resize : none;
     border: 1px solid #e6e6e6;
}

.description-delete-custom-reason {
    margin-top: 15px;
}

.deleteaccountUrl-text {
    padding-right : 10px;
}

.settings-azuresub-container {
    clear : both;
    margin-top : 60px;
}

.settings-azuresub-text {
    float : left;
    margin-left : 20px;
    clear: left;
    margin-top : 10px;
}

.settings-azuresub-content {
    float : left;
    margin-left : 25px;
    margin-top : 10px;
}

.settings-azuresub-link {
    float : left;
    margin-left : 25px;
    margin-top : 10px;
}

.settings-azuresub-header {
    font-size : 1.0em;
    margin-left : 20px;
    margin-top : 25px;
    margin-right : 10px;
}

.settings-application-credentials-control {
    clear : both;
    margin-top : 60px;
}

.settings-application-credentials-header {
    font-size : 1.0em;
    margin-left : 20px;
    margin-top : 25px;
    margin-right : 10px;
}

.settings-auth-container {
    clear : both;
}

.settings-auth-label {
    float : left;
    margin-left : 20px;
    width : 250px;
    margin-top : 10px;
}

.settings-auth-link {
    float : left;
    margin-top : 10px;
    margin-left: 50px;
}

.settings-auth-button {
    float : left;
    margin-left : 2px;
    margin-top : 10px;
    width : 40px;
    cursor: pointer;
    padding-left : 3px;
    padding-right : 3px;
    border: 1px solid transparent;
}

.settings-auth-button-dirty{
    font-weight: bold;
}

.settings-auth-button:hover{
   border: 1px solid #007acc;
}

.settings-new-owner {
    border: 1px solid #e6e6e6;
}

.settings-change-owner {
    margin-left: 10px;
}

.busy-cursor {
  cursor: progress;
}

.busy-cursor .grid div {
  cursor: progress;
}

/* SSH Keys of User Profile */

.keys-body .key-name {
    color: #6D6D6D;
}

.keys-body .key-fingerprint {
    padding: 0px 15px;
}

.keys-body .key-remove, .action {
    color: #007acc;
    cursor: pointer;
}

.keys-description .learn-more {
    margin-left: 5px;
}

.keys-body {
    padding: 10px 0px;
}

.add-key-table td {
    vertical-align: top;
}

.add-key-table .keys-description-text, .add-key-table .keys-value-text {
    width: 470px;
    margin: 0px 10px;
}

.add-key-table .keys-value-text {
    height: 200px;
}

.hide-form {
    margin-top: 5px;
}
.form-key
{
    color: #808080;
    white-space: nowrap;
}

.form-inline
{
    display: table;
}

.form-inline .form-pair
{
    display: table-row;
}

.form-inline .form-key
{
    display: table-cell;
    vertical-align: top;
    padding: 6px 16px 6px 0;
}

.form-inline .form-value
{
    display: table-cell;
    padding-top: 6px;
}

.form-inline .form-value.team-admins-list
{
    vertical-align: top;
    padding-top: 3px;
}

.admin-overview .form-key
{
    padding-top: 15px;
}

.admin-overview .form-value
{
    padding-top: 5px;
    white-space: normal;
}

.control-panel-hub-view .hub-title
{
    text-transform: none;
}

.control-panel-hub-view .control-panel-hub-header
{
    padding: 15px;
}

.control-panel-hub-view .control-panel-hub-header .header
{
    font-weight: bold;
    text-transform: uppercase;
}

.control-panel-container
{
    height: 100%;
}

.control-panel-list-view
{
    height: 100%;
}

.control-panel-list-view .sidebar-search
{
    overflow: auto;
}

.control-panel-list-view .tree-view .folder > .node-link > .node-content
{
    font-weight: normal;
}

.control-panel-list-view .tree-view > ul.tree-children li.selected > a > div.node-content
{
    font-weight: bold;
}

/*
    WIT team specifies display:table to hack an issue with popup zindex.
    That hack causes problems on IE9 with splitter if there is scrollbar on the left or right pane.
    The side effect is when you scroll down say left pane and then hover the handle bar, left
    pane scrolls back to top automatically. This will at least mitigate the issue
    on jump list control
*/
.ui-dialog .control-panel-list-view > .splitter.horizontal
{
    display: block!important;
}

.control-panel-list-view .empty-node > .node-link {
    font-style: italic;
    color: #6D6D6D;
    cursor: default;
}

.control-panel-view-right-pane
{
    height: 100%;
    padding: 20px;
}

.control-panel-view-right-pane .browse-info
{
    margin-bottom: 30px;
}

.browse-info .form-inline
{
    font-size: 14px;
}

.browse-tasks-header
{
    font-weight: bold;
    margin-bottom: 10px;
}

.browse-tasks
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.browse-tasks li
{
    margin-bottom: 5px;
}

.account-section-control .identity-picture,
.browse-info .identity-picture
{
    margin-bottom: 15px;
}

.control-panel-search-wrapper .sidebar-search
{
    padding-left: 1px;
    padding-bottom: 10px;
}
.Admin .header-section
{
}

.Admin .header-handle
{
    background-color: #000000;
}

.Admin .header-search
{
    display: none;
}

.ui-dialog .admin-dialog .main-container
{
    margin: 10px;
}

.ui-dialog .admin-dialog .hub-content
{
    top: 0;
    left: 0;
}

.ui-dialog .admin-dialog .message-area-control.visible~.hub-content
{
    top: 33px;
}
.ui-dialog .admin-dialog .message-area-control.visible~.visible~.hub-content
{
    top: 66px;
}
.ui-dialog .admin-dialog .content-section
{
    top: 0;
    bottom: 0;
}

.ui-dialog .admin-dialog .splitter.horizontal > .rightPane
{
    z-index: 0;
}

.user-profile-table
{
    width: 100%;
}

.user-profile-table tr
{
    height: 27px;
}

.user-profile-table td
{
    padding: 2px;
}

.user-profile-table td.min-column-width
{
    white-space: nowrap;
    width: 1%;
}

.user-profile-table td:first-child
{
    padding-right: 10px;
}

.user-profile-table .settings-combo
{
    padding: 2px;
}

.user-profile-table .combo
{
    height: 20px;
}

.user-profile-table .user-profile-hint
{
    height: 20px;
    background-color: #e6e6e6;
    border: 1px solid #6D6D6D;
    visibility: hidden;
    padding: 3px;
    font-size: 10px;
}

.user-profile-table .active .combo,
.user-profile-table .hover .combo
{
    border-color: #007acc;
}

.user-profile-table .active .user-profile-hint,
.user-profile-table .hover .user-profile-hint
{
    visibility: visible;
}

.properties-section
{
    margin-top:6px;
}

.properties-section li
{
    padding:3px 0px;
}

.properties-section table td
{
    padding: 3px 0px;
}

.properties-section table td:first-child
{
    white-space: nowrap;
    padding-right: 16px;
    color: #808080;
}

.properties-section table.fit
{
    width:100%;
}

.properties-section tr.pending
{
    background-color: #ffffcc;
}

.properties-section td.pending
{
    text-align:right;

}

.properties-section td.pending > span.icon
{
    margin-left:5px;
}

.custom-text-actions
{
    display: inline-block;
}

.custom-text-actions a
{
    padding: 0 5px;
}

.custom-text-actions a.empty-input
{
    padding: 0;
}

.custom-text-input
{
    border: 1px solid #e6e6e6;
    margin-left: -2px;
}

.custom-text-input:focus
{
    outline: none;
}

.identity-header
{
    overflow: auto;
    line-height: 20px;
    padding-bottom: 10px;
}

.identity-header .identity-picture
{
    height: 64px;
    width: 64px;
    margin-right: 10px;
    float: left;
}

.identity-header-name
{
    margin: 5px 0;
    font-size: 18px;
    font-weight: bold;
}

.modal-dialog label.add-user
{
    display:inline-block;
    vertical-align:middle;
    margin-top:0px;
}

.properties-section table .custom-text-input-cell
{
    padding: 0;
}

.user-profile-change-picture-link
{
    color: #007acc;
}

.user-profile-header
{
    font-weight: bold;
    margin: 10px 2px 4px 0;
    text-transform: uppercase;
}

.ssh-fingerprint-msg {
    font-size: 12px;
    margin-bottom : 10px;
}

.ssh-fingerprint{
    color: #808080;
}

.user-profile-body.ul
{
    list-style-type:square;
}

.user-profile-properties tr
{
    height: 26px;
}

.credentials-enable-link
{
    margin: 10px 2px 4px 0;
}

.credentials-body
{
    color: #6D6D6D;
    margin: 0 0 10px 0;
}

.credentials-username-text
{
    margin: 2px 2px 2px 0;
}

.dialog-header
{
    color: #007acc;
    font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
    font-size: 24px;
    font-weight: 200;
    padding-bottom: 5px;
    text-overflow: ellipsis;
    text-transform: capitalize;
    overflow:hidden;
    display: block;
    white-space: nowrap;
}

.ui-tabs .manage-group-tabs
{
    font-size: 24px;
    background-color: transparent;
    font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
    font-weight: 200;
    margin-bottom: 20px;
}

.ui-tabs .manage-group-tabs li.ui-tabs-active
{
    font-weight: normal;
}

.ui-tabs .manage-group-tabs li a
{
    color: #666666;
}

.ui-tabs .manage-group-tabs li a:hover
{
    color: #007acc;
}

.ui-tabs .manage-group-tabs li.ui-tabs-active a
{
    color: #007acc;
}

.admin-dialog .manage-group-label
{
    color: #6D6D6D;
    margin-top: 0;
}

.team-members-container
{
    height:100%;
    width:100%;
}

.team-members-container .toolbar
{
    margin-left: 0px;
}

.admin-header
{
    margin-bottom: 10px;
}

.admin-header a
{
    margin-left: 15px;
}

.team-warning-section .header
{
    margin-bottom: 10px;
}

.team-warning-section .content
{
    background-color: #ffffcc;
    border: 1px solid #D56B01;
    padding: 0px 5px 5px 5px;
}

.team-warning-section li
{
    margin-top: 5px;
}

.user-profile-basic-auth-disabled-on-account-warning
{
    background-color: #ffffcc;
    border: 1px solid #D56B01;
    padding: 0px 5px 5px 5px;
}

.admin-project-rename-dialog .project-name
{
    width: 100%;
}

.admin-project-rename-dialog > div
{
    padding: 5px 10px 5px 0px;
}

.import-process-page .getting-started-header
{
    margin-bottom: 12px;
}

.import-process-page .import-success-congrats
{
    margin-left: 15px;
    font-size: 18px;
    color: #00CC03;
    margin-top:25px;
    margin-bottom: 20px;
}

.import-process-page .main-page-info
{
    font-size: 12px;
    margin: 15px;
}

.import-process-page .render-page-info
{
    margin-left: 15px;
    margin-right: 15px;
    font-size: 14px;
    margin-bottom: 40px;
}

.import-process-page .next-step-info
{
    margin-left: 15px;
    margin-right: 15px;
    font-size: 14px;
    margin-bottom: 5px;
}

.import-process-page .error-page-info
{
    position: absolute;
top: 95px;
right: 3px;
bottom: 55px;
left: 3px;
;
    font-size: 14px;
    border: 1px solid lightgray;
    overflow: auto;
}

.import-process-page .error-description-info
{
    margin-left: 10px;
    font-size: 12px;
    margin-bottom: 5px;
    margin-top: 5px;
}


.import-process-page .import-process-warning-info
{
    font-size: 16px;
    padding: 6px 5px 1px 1px;
    display: inline;
}

td.error-description{
    font-size: 12px;
    padding-right: 10px;
}

td.error-description-linenumber{
    font-size: 12px;
    padding-right: 10px;
    text-align: center;
}

th.error-description-header{
    text-align: left;
    padding-right: 10px;
}

tr.error-description-row
{
    vertical-align:top;
}

.import-process-page .confirm-page-info
{
    position: absolute;
bottom: 15px;
left: 3px;

}

.import-process-page .copy-to-clipboard
{
    position: absolute;
right: 3px;
bottom: 10px;
;
}

.import-process-page .update-process-checkbox
{
    padding-top: 0px;
    margin-left: 0px;
    padding-left: 0px;
    vertical-align: top;
}

.ui-dialog .process-modal-dialog
{
    position: relative;
}

.import-process-page .import-process-warning-img
{
    padding: 4px 3px 0px 3px;

}

.upload-progress-info
{
    margin-top: 20px;
    margin-bottom: 20px;
}

.upload-progress-section
{
    font-size:13px;
    margin-bottom: 15px;
}

.update-progress-section
{
    font-size:13px;
    margin-bottom: 15px;
}

.update-progress-description
{
    margin-top: 30px;
}


.import-process-textbox
{
    width: 323px;
    margin-left: 15px;
}

.import-process-page .label
{
     margin-top: 30px;
}

.import-process-uploadlabel
{
    margin-bottom: 10px;
    margin-left: 15px;
}

div.create-done-box .import-process-success
{
    margin-bottom: 15px;
}

.import-process-confirmation
{
    font-size: 13px;
    margin: 20px;
}
.create-inherited-process-content
{
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
}
.inherited-process-dialog
{
    margin: 0 10px;
}
.inherited-process-dialog .parent-process-box
{
    margin: 0 0 5px 5px;
}

.inherited-process-dialog .error-message
{
    color: red;
}

.inherited-process-dialog .errored-field
{
    border-color: red;
}

.inherited-process-dialog .parent-process-box > .parent-process-description
{
    color: gray;
}

.inherited-process-dialog .inherited-process-dialog-label
{
    font-weight: bold;
    margin-bottom: 3px;
}

.inherited-process-dialog > .create-inherited-input-section
{
    background: url('../../_content/inherited-pic.png') 4px 4px no-repeat;
    margin-top: 25px;
    padding: 5px 15px 0px 25px;
}

.admin-dialog-pad-sides .available-projects
{
    display: inline-block;
    width: 55%;
}
.admin-dialog-pad-sides .migration-buttons
{
    width: 24px;
    margin-left: auto;
    margin-right: auto;
}
.admin-dialog-pad-sides .migration-buttons-wrapper
{
    width: 18%;
    vertical-align: top;
    display: inline-block;
}
.admin-dialog-pad-sides .selected-projects
{
    display: inline-block;
    width: 44%;
}

.admin-dialog-pad-sides .project-migration-content
{
    margin-bottom: 15px;
    margin-top: 5px;
}
.admin-dialog-pad-sides .available-project-list
{
    padding: 5px;
    width: 80%;
    display: inline-block;
    overflow-y: auto;
    border: 1px solid #CCCCCC;
    height: 300px;
}
.inline-block
{
    display: inline-block;
}

.admin-dialog-pad-sides .selected-project-list
{
    padding: 5px;
    width:100%;
    display: inline-block;
    overflow-y: auto;
    border: 1px solid #CCCCCC;
    height:300px;
}

.project-button
{
    width: 24px;
    height: 24px;
    padding: 1px;
    margin-bottom: 1px;
}

.delete-project-confirm
{
    display: block;
    margin: 10px 7px;
}

.project-delete-confirmation-no-match
{
    border-color: #ff0000;
}

.project-delete-confirmation-match
{
    border-color: #3FC63F;
}

.project-delete-textbox-text
{
    display: block;
    padding-bottom: 5px;
    width: 100%;
}

.dialog-add-user-helper-text
{
    color: #6D6D6D;
    display: block;
    margin-top:6px;
}

.admin-dialog-pad-sides > .project-migration-content > .red
{
    color: red;
}

.admin-dialog-pad-sides > .select-target-content > .change-to-inherited > .select-child-input-section
{
    margin-top: 27px;
}

.admin-dialog-pad-sides > .select-target-content > .change-to-system > .select-child-input-section
{
    margin-top: 27px;
}

.admin-dialog-pad-sides > .select-target-content > .change-to-system > .select-child-input-section > .current-process-name
{
    margin-left: 20px;
}

.admin-dialog-pad-sides > .select-target-content > .change-to-inherited
{
    padding: 25px 25px 50px 50px;
    background: url('../../_content/inherited-pic.png') 25px 26px no-repeat;
}

.admin-dialog-pad-sides > .select-target-content > .change-to-system
{
    padding: 25px 25px 50px 50px;
    background: url('../../_content/system-pic.png') 25px 26px no-repeat;
}

.admin-dialog-pad-sides .width100, .inherited-process-dialog .width100
{
    width: 100%;
}

.admin-dialog-pad-sides .margin3, .inherited-process-dialog .margin3
{
    margin: 3px;
}

.inherited-process-dialog .name-field-wrapper
{
    margin: 0 0 10px 20px;
}

.inherited-process-dialog .inherited-process-name-field
{
    width: 100%;
    display: inline-block;
}


.create-inherited-input-section > .inherited-process-description-field
{
    overflow-y: auto;
    width: 100%;
    height: 100px;
    resize: none;
}

.admin-dialog-pad-sides > .select-target-content > .select-child-input-section > .select-child
{
    margin-left: 16px;
    width: 95%;
}

.admin-dialog-pad-sides #project-selector
{
    padding-left: 16px;
}

.admin-dialog-pad-sides > .help-box, .inherited-process-dialog > .help-box
{
    margin-top: 50px;
    position: absolute;
    bottom: 60px;
    margin-right: 33px;
}

.admin-dialog-pad-sides .select-dialog-label
{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.external-admin-dialog~.ui-dialog-buttonpane button[id='ok'] {
   visibility: hidden;
}
#admin-process-sucess-dialog > .inherited-process-header
{
    font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
    font-weight: normal;
    font-size: 24px;
    color: #007acc;
    margin-top: 0px;
    margin-bottom: 10px;
}

#admin-process-sucess-dialog > .dialog-description
{
    /*margin-left: 15px;*/
    margin-right: 15px;
    font-size: 14px;
    margin-bottom: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#admin-process-sucess-dialog .dialog-next-step
{
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#admin-process-sucess-dialog .dialog-next-step a
{
    white-space: normal;
}
#admin-process-sucess-dialog ol
{
    padding: 0;
    margin: 0;
    list-style-position: inside;
}
#admin-process-sucess-dialog oi li
{
    padding: 10px 0;
}
.admin-dialog-pad-sides
{
    padding-left: 15px;
    padding-right: 15px;
    overflow-y: hidden
}

.admin-dialog-pad-bottom
{
    padding-bottom: 15px;
}

.ui-dialog .ui-dialog-content.errorMessage-dialog
{
	margin: 20px;
}
.message-area-control
{
    position: relative;
    padding: 5px;
    word-wrap: break-word;
	white-space: pre-line;
}

.message-area-control .clickable
{
    cursor: pointer;
}

.message-area-control.error-message
{
    background-color: #e6b9b9;
    border: 1px solid #C00000;
}

.message-area-control.warning-message
{
    background-color: #ffffcc;
    border: 1px solid #D56B01;
}

.message-area-control.info-message
{
    background-color: #dce6f4;
    border: 1px solid #007acc;
}

.message-area-control .message-icon
{
    float: left;
    margin-right: 5px;
}

.message-area-control .message-icon .icon
{
    vertical-align: top;
}

.message-area-control.closeable .message-header
{
    margin-right: 16px;
}

.message-area-control .show-details-action
{
    padding-left: 4px;
    text-transform: none;
}

.message-area-control a
{
    color: #1616EF;
}

.message-area-control .close-action
{
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    display: none;
}

.message-area-control.closeable .close-action
{
    display: block;
}

.message-area-control .error-content
{
    padding-top: 10px;
}

#identityInfo .display-permissions-error-pane
{
    margin-left: 0px;
}

.getting-started-header
{
    font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
    font-weight: normal;
    font-size: 24px;
    color: #007acc;
    margin-top: 0px;
    margin-bottom: 10px;
}

.getting-started-lighttext
{
    color: #6D6D6D;
}

.getting-started-tinytext
{
    font-size: 10px;
}

.getting-started
{
    margin-top: 40px;
}

.getting-started table
{
    margin-left: 20px;
}

.getting-started td:first-child
{
    padding-right: 20px;
    width: 560px;
}

.getting-started td
{
    vertical-align: top;
}

.getting-started-vertical-small
{
    margin-top: 10px;
    margin-bottom: 10px;
}

.social-invitation-code span.getting-started-lighttext
{
    margin-left: 4px;
}

.getting-started-description
{
    max-width: 1280px;
    margin-bottom: 10px;
}

.getting-started-links li
{
    padding-bottom: 5px;
}

.invitation-code-header
{
    color: #007acc;
}

.invitation-code-name
{
    font-weight: bold;
}

.invitation-code-uses
{
    color: #808080;
}

.progress-container
{
    border: 1px solid #e6e6e6;
    width: auto;
    height: 15px;
    margin-top: 5px;
}

.progress-container div.completed
{
    height: 13px;
    float: left;
    background-color: #a5b6ed;
}

.progress-container div.remaining
{
    height: 13px;
    float: left;
}
#members-list .resolved-member
{
    display: inline-block;
    padding: 1px 2px;
    margin: 2px 3px 2px 0;
    border: 1px solid #e6e6e6;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

#members-list .resolved-member:hover
{
    border: 1px solid #cccccc;
}

#members-list #remove-action
{
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
}

.identity-picker-main
{
    min-height: 20px;
    position: relative;
}

.identity-input-wrapper
{
    display: inline-block;
    padding-right: 10px;
    vertical-align: top;
}

.identity-input
{
    width: 360px;
    border: 1px solid #cccccc;
    padding: 1px;
}

.identity-input ::-ms-clear,
.search-input-wrapper ::-ms-clear
{
    display: none;
}

.parent-group-identity .identity-input
{
    width: 390px !important;
}

.identity-input.invalid
{
    border-color: #e6b9b9;
}

.identity-input-error
{
    color: #C00000;
    margin: 0;
    clear: both;
    white-space: pre-wrap;
}

.identity-browse-search
{
    width: 260px;
}

.identity-browse-search-wrapper
{
    padding: 10px 0;
}

.actions-section
{
    display: inline-block;
    line-height: 20px;
    white-space: nowrap;
}

.actions-section ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.actions-section ul li
{
    display: inline !important; /*Fix for bug 1196786 - Jquery is causing the identity control's buttons to appear as display:list-item.  Fixing JQuery was too risky*/
    padding: 0 6px;
    border-left: 1px solid #808080;
}

.actions-section ul li.invisible
{
    display: none !important;
}

.add-identities-actions-section ul li:first-child
{
    border: none;
    padding-left: 0px;
}

.change-owner-action
{
    padding-left: 10px;
}

.identity-picker-control
{
    position: relative;
}

.browse-identities-popup
{
    background-color: #ffffff;
    border: 1px solid gray;
    padding: 10px;
    position: absolute;
    z-index: 1001;
    height: 300px;
    width: 500px;
}

.browse-identities-popup-close
{
    position: absolute;
    right: 10px;
    top: 10px;
}

.browse-identities-content
{
    height: 100%;
}

.identity-info-message
{
    margin: 10px;
}

.identity-grid .grid-row
{
    line-height: 20px;
    height: 30px;
}

.identity-cell .identity-image
{
    width: 20px;
    height: 20px;
    vertical-align: middle;
    position: absolute;
    border: 0;
}

.identity-cell .identity-name
{
    margin-left: 28px;
    white-space: pre;
}

.identity-search-box
{
    padding-bottom: 10px;
}

.identity-cell.default-team
{
    font-weight: bold;
}

.team-view .identity-search-box
{
    padding-bottom: 22px;
}

.identity-search-control
{
    height: 24px;
    border: 1px solid #dddddd;
    background-color: #ffffff;
    padding: 2px 1px 0px 2px;
    margin-right: 10px;
}

.identity-search-control .search-input-wrapper
{
    width: 100%;
    float: left;
    margin-right: -20px;
    padding-right: 20px;
}

.identity-search-control .search-input-wrapper label.hidden
{
    display: none;
}

.search-input
{
    border: 0;
    margin: 0;
    outline: none;
    width: 100%;

}

.cancel-button
{
    overflow: hidden;
    height: 18px;
    width: 18px;
    cursor: pointer;
    float: right;
    margin-right: 1px;
    border: 0;
    background: url('../../_content/tfs-icons.png') no-repeat -1295px 50% !important;
}



.search-button
{
    overflow: hidden;
    height: 18px;
    width: 18px;
    cursor: pointer;
    float: right;
    margin-right: 1px;
    border: 0;
    background: url('../../_content/tfs-icons.png') no-repeat -3631px 50% !important;
}


.go-button
{
    overflow: hidden;
    height: 18px;
    width: 18px;
    cursor: pointer;
    float: right;
    margin-right: 1px;
    border: 0;
    background: url('../../_content/tfs-icons.png') no-repeat -2895px 50% !important;
}


.go-button
{
    cursor: pointer;
    margin-bottom: -3px;
    float: right;
    margin: 1px;
}

.update-profile-image-control div.uploadSection
{
    padding: 15px;
}

.update-profile-image-control table td
{
    vertical-align:top;
}

.image-upload-div
{
    position: relative;
}

.image-upload-div .image-upload-wait
{
    position: absolute;
    left: 30px;
    top: 30px;
    display: none;
}

.image-upload-div.loading .image-upload-wait
{
    display: block;
}

.image-upload-div.loading .identity-picture
{
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.update-profile-image-control .profile-image-cell
{
    text-align: center;
}

.update-profile-image-control .image-input-div
{
    margin-left: 20px;
}

.update-profile-image-control .legal
{
    font-size: 10px;
}

.update-profile-image-control div.actions
{
    position: absolute;
    bottom: 0;
}

.account-section-control .identity-picture
{
    float: right;
    margin: 10px 0 0 10px;
}

.overview-control
{
    height: 100%;
}

.overview-control > .fixed-header
{
    padding-top: 20px;
    width: 800px;
}

.overview-grid-header
{
    font-family: Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
    font-weight: normal;
    font-size: 20px;
    color: #000000;
    white-space: nowrap;
    padding-top: 30px;
}

.overview-desc
{
    white-space: pre-wrap;
}

.collection-overview-note
{
    background-color: #dce6f4;
    padding: 10px;
    margin-bottom: 10px;
}

.team-admins #members-list .resolved-member
{
    display: block;
    border: none;
}

.team-admins #members-list .resolved-member:hover
{
    border: none;
}

.admin-overview .pivot-filter
{
    float: none;
    position: absolute;
    right: 2px;
    top: 10px;
}

.overview-profile
{
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    width: 250px;
}

.overview-detail
{
    position: absolute;
    left: 320px;
    top: 0px;
    bottom: 0px;
    right:0px;
    vertical-align: top;
    height: 100%;
}

.team-overview-detail
{
    position: absolute;
    left: 15px;
    top: 0px;
    bottom: 0px;
    right:0px;
    vertical-align: top;
    height: 100%;
}

button.overview-button
{
    margin-top: 5px;
    background-color: #f2f2f2;
    border: 1px solid #BFBFBF;
    margin-right: 10px;
}

button.overview-button:hover, button.overview-button:focus
{
    color: #000000;
    border-color: #aaaaaa;
    background-color: #fefefe;
    -moz-box-shadow: 1px 1px 1px rgba(160,160,160,0.2);
    -webkit-box-shadow: 1px 1px 1px rgba(160,160,160,0.2);
    box-shadow: 1px 1px 1px rgba(160,160,160,0.2);
}

.overview-detail .toolbar
{
    margin-left: 0px;
}

/* TODO : A better solution is needed here than making specific rules for this specific toolbar */
.overview-detail.content > .fixed-header > .toolbar
{
    margin-top: 10px;
}

.overview-detail.content > .fixed-header
{
    margin-bottom: 10px;
}

.overview-detail .actions-control span
{
    vertical-align: middle;
}

.overview-detail .header
{
    padding-left: 4px;
}

.admin-overview
{
    height: 100%;
    padding-top: 10px;
    margin-left: 16px;
}

.admin-overview .header
{
    font-family : Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
    font-weight: normal;
    font-size: 18px;
	color : #000000;
}

.admin-overview .membership-control .display-name
{
    font-weight: bold;
    color: #000000;
}

.collection-overview
{
    height: 100%;
}

.collection-management
{
    background-color: #DCE6F2;
    padding: 8px;
    font-size: 10px;
}

.overview
{
    position: relative;
}

.collection-overview .overview
{
    padding-top: 10px;
}

.collection-overview .fixed-header
{
    margin-bottom: 5px;
}

.project-overview
{
    height: 100%;
    padding-top: 10px;
}

.project-overview .fixed-header
{
	padding-left: 20px;
    margin-bottom: 5px;
}

.team-overview
{
     height: 100%;
     padding-top: 10px;
}

.overview-grid-wrapper
{
    height: 100%;
}

.actions-control li:first-child
{
    padding-left: 4px;
}

.overview-grid-wrapper .overview-grid-name,
.overview-grid-wrapper .identity-grid-display-name
{
    font-weight: bold;
    color: #000000;
}

.profile-picture
{
    margin-top: 15px;
}

.project-info-control .group-description-input
{
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.create-project-page .progress-container
{
    height: 25px;
}

.create-project-page .progress-container div.completed
{
    height: 23px;
    border: 1px solid transparent;
}

.create-project-page .progress-container div.remaining
{
    height: 23px;
}

.create-project-page .getting-started-header
{
    margin-bottom: 20px;
}

.create-project-page .info-message
{
    margin-bottom: 5px;
}

#project-name
{
    width: 100%;
}

#project-description
{
    overflow: hidden;
    width: 100%;
    height: 165px;
}
.multiple-providers #project-description
{
    height: 65px;
}

.create-project-info td:first-child
{
    padding-right: 20px;
    width: 1%;
    white-space: nowrap;
}

.create-project-info td
{
    padding-top: 20px;
    width: 99%;
}

div.create-warning-box, div.update-warning-box
{
    border: 1px solid #D56B01;
    padding: 5px;
    background-color:#ffffcc;
}

div.create-error-box, div.update-error-box
{
    border: 1px solid #C00000;
    padding: 5px;
    background-color:#e6b9b9;
}

div.create-done-box, div.update-done-box
{
    border: 1px solid #7d7a11;
    padding: 5px;
    background-color: #DCF2DC;
}

.admin-error-message {
    color: #D91B2C;
}

#create-project-content
{
    margin-top: 20px;
}

.create-project-progress, .update-project-progress
{
    margin-top: 20px;
    margin-bottom: 20px;
}

.update-project-page .message-area-control
{
    margin-bottom: 10px;
}

.update-project-page .update-project-info .update-project-text,
.update-project-page .update-project-info .update-project-confirm
{
    display: block;
    margin: 10px 7px 10px 7px;
    padding-bottom: 10px;
}

.update-project-page .update-project-info div.update-project-confirm span
{
    margin-left: 2px;
}

.update-project-page .update-project-checkbox
{
    padding-top: 0px;
    display: inline-flexbox;
    margin-left: 0px;
    padding-left: 0px;
}

.update-project-checkbox-text
{
    padding-left: 5px;
    display: inline-flexbox;
}

.update-project-warning-header-div
{
    height: 48px;
    display: block;
    border-bottom: 1px solid silver;
    font-size: 1.0em;
}

.update-project-warning-icon
{
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url('../../_content/warning.png') no-repeat -0px -0px !important;
}


.update-project-warning-tbl-img
{
    padding: 4px 3px 0px 3px;
}

.update-project-warning-tbl-txt
{
    padding-left: 10px;
}

.update-project-description
{
    padding : 6px 5px 1px 1px;
    display: inline;
}

.project-info-control .group-name-input
{
    font-weight: bold;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;;
}

.change-process-link
{
    padding-top: 5px;
}

.create-project-info .getting-started-vertical-small
{
    max-height: 100px;
    overflow: hidden;
}
.licenses-info, .display-license-control
{
    height: 100%;
}

.licenses-info
{
    padding-left: 20px;
}

.license-info
{
    padding-bottom: 20px;
}

.license-info .features-list
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.licenses-view .hub-title
{
    padding-left: 16px;
    margin: 0;
}

.licenses-view .hub-pivot-content
{
     padding-left: 0px;
     left: 16px;
     top: 39px;
}

.licenses-view .hub-pivot
{
    left: 16px;
}

.licenses-view .licenses-list-control.grid
{
    border: 0;
}

.admin-license-toolbar.toolbar
{
    margin-left: 0px;
    border-top: none;
    height: auto;
}

.licenses-info .membership-control-actions.toolbar
{
    margin-left: 0px;
}

.licenses-info .access-level-message
{
    margin-top: 5px;
}
.email-confirmation-header
{
    font-size: 24px;
    color:#007acc;
    margin-bottom:15px;
}

.email-confirmation-subheader
{
    margin-bottom:10px;
}

.email-confirmation-address
{
    font-weight:bold;
}

.email-confirmation-error
{
    color: #C00000;
}
.services-view
{

}

.services-view .left-hub-content
{
    overflow: auto;
}

#service-rename {
    margin-left: 5px;
    width: 20px;
    height: 20px;
}

.rename-service-dialog-input {
    width: 100%;
    border: 1px solid #e6e6e6;
    padding: 2px;
}


.service-name {
    display: inline-block;
    font-size: 1.17em;
    font-weight: bold;
}

.connected-service-details, .chef-connected-service-details, .generic-connected-service-details, .github-connected-service-details, .custom-connected-service-details {
    padding: 20px;
    margin: 10px;
}

.connected-service-details ul, .chef-connected-service-details ul, .generic-connected-service-details ul, .github-connected-service-details ul, .custom-connected-service-details ul {
    list-style-type: none;
}

.connected-service-details .group {

}

.connected-service-details .group .header, .chef-connected-service-details .group .header, .generic-connected-service-details .group .header, .github-connected-service-details .group .header, .custom-connected-service-details .group .header {
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
}
.connected-service-details .group .content {

}

.services_dialog td:first-child
{
    padding-right: 20px;
    width: 1%;
    white-space: nowrap;
}

.services_dialog td
{
    padding-top: 20px;
    width: 99%;
    vertical-align: top;
}

.services_dialog td label
{
    display: table-cell;
}

.services_dialog .textbox
{
    width: 100%;
}

.services_dialog .auth-kind
{
    display: inline-block;
    vertical-align: middle;
    margin-top: -1px;
}

.services_dialog .error-messages-div
{
    padding: 5px;
    color: #C00000;
}

.connectionId {
    visibility: hidden;
}

.add_generic_connections_dialog .error-messages-div
{
    padding: 5px;
    color: #C00000;
}

.auth-scheme-container
{
    float: left;
}

.modal-dialog .auth-scheme-container label
{
    margin-top: 0;
    margin-right: 20px;
}

.auth-scheme-input
{
    float: left;
}

.endpoint-hidden-column {
    display: none;
}

.help-link {
    font-weight: bold;
}

.help-link, .help-markdown {
    text-align: left;
    white-space: normal;
}

.services-view > .hub-content {
    top: 0px;
}

.resources-left-pane-toolbar {
    margin: 0 0 0 0px;
}

.endpoint-admin-identity-image {
    display: inline-block;
}

.endpoint-admin-identity-image .identity-image {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 4px;
}

.resources-content {
    height: 100%;
}

.resources-content .resources-left-pane {
    width: inherit;
}

.resources-content .resources-left-pane .resources-view {
    margin-top: 5px;
    top: 80px;
    bottom: 0px;
    overflow: auto;
    position: absolute;
    width: inherit;
}

.resources-right-pane > .navigation-view-tab {
    margin-top: 40px;
}
.upload-plugin-dialog label {
    margin-top: 10px;
    display: inline;
}

.upload-plugin-dialog .private {
    margin-top: 20px;
    display: inline;
}

.upload-plugin-dialog .file {
    width: 100%;
}

.upload-plugin-dialog .progress {
    margin: 10px 0 10px 0;
    font-size: 16px;
}

    .upload-plugin-dialog .progress > .text {
        margin-left: 5px;
    }

.extension-template {
    display: none;
}

.extensions-view {
    margin: 10px;
}

    .extensions-view > .extensions-info-message {
        margin-bottom: 15px;
    }

    .extensions-view > .extension-list {
        margin-top: 25px;
        width:900px;
    }

        .extensions-view > .extension-list .collapsible-header {
            font-size: 18px;
        }

    .extensions-view .extensions {
        list-style-type: none;
        padding: 0;
    }

        .extensions-view .extensions > li {
            margin-bottom: 20px;
            border:1px solid transparent;
        }

            .extensions-view .extensions > li.disabled {
                color: #c5d6f1;
            }

            .extensions-view .extensions > li.highlight {
                border: 1px solid #4D6082;
            }

    .extensions-view .extension-cell {
        display: table-cell;
        padding: 10px;
        vertical-align: top;
    }

    .extensions-view .extensions .extension-icon {
        width: 60px;
        height: 60px;
        margin: 0 10px 0 10px;
        border: 1px solid #cccccc;
    }

    .extensions-view .extensions .extension-no-icon {
        width: 60px;
        height: 60px;
        margin: 0 10px 0 10px;
        border: 1px solid #cccccc;
        background-color: #ffffff;
    }

    .extensions-view .extensions .main-cell {
        width: 500px;
    }

        .extensions-view .extensions .main-cell > .name {
            font-size: 14px;
            font-weight: bold;
        }

        .extensions-view .extensions .main-cell > .actions {
            margin: 1em 0 1em 0;
        }

            .extensions-view .extensions .main-cell > .actions > a {
                margin-right: 1em;
            }

    .extensions-view .extensions .label-cell {
        width: 60px;
    }


.upload-app-dialog label {
    margin-top: 10px;
}

.upload-app-dialog .private {
    margin-top: 20px;
    display: inline;
}

.upload-app-dialog .file {
    width: 100%;
}

.upload-app-dialog .progress {
    margin: 10px 0 10px 0;
    font-size: 16px;
}

.upload-app-dialog .progress > .text {
    margin-left: 5px;
}

.app-template {
    display: none;
}

.apps-view > .app-list {
    margin-top: 25px;
    width: 900px;
}

.apps-view > .app-list .collapsible-header {
    font-size: 18px;
}

.apps-view .apps {
    list-style-type: none;
    padding: 0;
    margin: 6px 0px;
}

.apps-view .apps > li {
    border: 1px solid transparent;
    margin-bottom: 2em;
}

.apps-view .apps > li div.description {
    margin-top: 0.5em;
}

.apps-view .apps > li:not(.disabled) .vendor {
    color: #555;
}

.apps-view .apps > li.disabled {
    color: #c5d6f1;
}

.apps-view .apps > li.highlight {
    border: 1px solid #4D6082;
}

.apps-view .app-cell {
    display: table-cell;
    padding: 3px;
    vertical-align: top;
}

.apps-view .apps .app-icon {
    width: 60px;
    height: 60px;
    margin: 0 10px 0 10px;

}

.apps-view .apps .app-no-icon {
    width: 60px;
    height: 60px;
    margin: 0 10px 0 10px;
    border: 1px solid #cccccc;
    background-color: #ffffff;
}

.apps-view .apps .main-cell {
    width: 500px;
}

.apps-view .apps .main-cell > .name {
    font-size: 14px;
    font-weight: bold;
}

.apps-view .apps .main-cell > .actions {
    margin-top: .5em;
}

.apps-view .apps .main-cell > .actions > a {
    margin-right: 1em;
}

.apps-view .apps .label-cell {
    width: 60px;
}

.apps-view .hub-splitter.splitter.horizontal > .leftPane {
    width: 66%;
}

.apps-view .hub-splitter.splitter.horizontal > .rightPane {
    left: 66%;
}

.apps-view .hub-splitter.splitter.horizontal > .handleBar {
    left: 66%;
}

.app-help {
    margin-top: 10px;
}

.app-help span {
    font-weight: bold;
}

.apps-view .message-host{
    margin-left: 10px;
    margin-right: 10px;
}

.taskeditor-tasks {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.taskeditor-tasks .required-input-message{
    color:#FF0000;
    font-weight: bold;
}
.taskeditor-tasks h3{
    display: inline-block;
}

.taskeditor-tasks .task-icon-near-heading{
    margin-bottom: 1px;
    width: 20px;
    height: 20px;
}

.taskeditor-tasks .rightPane{
    overflow-y: auto;
}

.taskeditor-tasks .input-container {
    padding-left: 10px;
    overflow: auto;
    margin-bottom: 10px;
}

.taskeditor-tasks .file-path {
    width:20px;
    height:20px;
    padding:0;
}

.taskeditor-tasks .tasks-grid {
    position: absolute;
    top: 55px;
    right: 10px;
    bottom: 0;
    left: 10px;
}

.taskeditor-tasks-grid .grid-cell {
    height: 50px;
}

.taskeditor-tasks-grid .grid-cell.disabled{
    color: #6D6D6D;
}

.taskeditor-tasks-grid .grid-row .delete-icon {
    position: absolute;
    top: 17px;
    right: 4px;
    cursor: pointer;
}

.taskeditor-tasks-grid .grid-row .task-icon {
    margin-top: 5px;
    margin-left:5px;
}

.taskeditor-tasks-grid .grid-row .task-icon.disabled {
    opacity: .4;
}

.taskeditor-tasks-grid .grid-row .task-name {
    font-size: larger;
}

.taskeditor-tasks-grid .grid-row .task-instance-name {
    font-style: italic;
}

.taskeditor-tasks-grid .task-icon-cell {
    position: absolute;
    left: 4px;
}

.taskeditor-tasks-grid .task-name-cell {
    left: 48px;
}

.taskeditor-tasks-grid .grid-row.grid-row-selected .icon-delete {
    display: inherit;
}

.taskeditor-tasks-grid .grid-row.grid-row-selected-blur .icon-delete {
    display: inherit;
}

.taskeditor-tasks-grid .grid-row.upper-drop-guide {
    border-top-color: #007acc;
}

.taskeditor-tasks-grid .grid-row.lower-drop-guide {
    border-bottom-color: #007acc;
}

.taskeditor-tasks-grid .grid-row .task-activate {
    display: none;
}

.taskeditor-tasks-grid .grid-row.grid-row-selected-blur .task-activate,
.taskeditor-tasks-grid .grid-row.grid-row-selected .task-activate,
.taskeditor-tasks-grid .grid-row.grid-row-hover .task-activate
 {
    display: inherit;
}

.taskeditor-tasks-grid .grid-row .draggable-indicator {
    position: absolute;
    left: 4px;
    background-image: url('../../_content/Build/drag_handler.png');
    height: 45px;
    width: 5px;
    cursor: move;
    top: 3px;
    filter: alpha(opacity=50);
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.row-drag-helper {
    background-color: #c5d6f1;
    padding: 10px 10px 10px 30px;
    cursor: move;
}


.helpMarkDown {
    vertical-align: top;
}

.taskeditor-help {
    border: 1px solid #e6e6e6;
    margin-top: 15px;
    width: 510px;
    position: relative;
    color: #6D6D6D;
}

.taskeditor-help .icon-info {
    position: absolute;
    top: 10px;
    left: 10px;
}

.taskeditor-help .help {
    position: relative;
    padding-left: 31px;
    top: -3px;
}

.taskeditor-help-tooltip {
    display: none;
    border-color: transparent !important;
    padding: 2px;
    position: absolute;
    background-color: #dce6f4;
    z-index: 1;
    word-wrap: break-word;
}

.taskeditor-help-tooltip .close {
    float:right;
}

.taskeditor-help-tooltip .content .icon {
    padding: 10px;
    float: left;
}

.task-button {
    padding: 10px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    box-sizing: border-box;
    width: 100%;
    display: inline-block;
}

.task-button .text {
    vertical-align: middle;
    margin-left: 6px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.task-button.hover:not(.disabled) {
    background-color: #dce6f4 !important;
}

.task-button.disabled {
    color: #aaa;
    cursor: default;
}

.task-button.disabled .icon {
    filter: alpha(opacity=50);
    -khtml-opacity: 0.50;
    -moz-opacity: 0.50;
    opacity: 0.50;
}

.taskeditor-tasks .option-label {
    width: 180px;
    vertical-align: middle;
}

.taskeditor-tasks .option-value {
    width: 300px;
}

.taskeditor-tasks .option-link {
    vertical-align: middle;
}

.taskeditor-inputs-grid-table {
    position: relative;
}

.taskeditor-inputs-grid-table .taskeditor-inputs {
    position: relative;
}

.taskeditor-inputs-grid-table td {
    padding: 2px;
    margin: 0;
}

.taskeditor-inputs-grid-table th {
    text-align: left;
}

.taskeditor-inputs-grid-table select {
    border: 1px solid #e6e6e6;
    padding: 1px;
    width: 100%;
}

.taskeditor-inputs-grid-table input[type='text'] {
    border: 1px solid #e6e6e6;
    padding: 2px;
    width: 100%;
}

.taskeditor-inputs-grid-table input[type='text'].disabled {
    color: #808080;
}

.taskeditor-inputs-grid-table input[type='password'] {
    border: 1px solid #e6e6e6;
    padding: 2px;
    width: 100%;
}

.taskeditor-inputs-grid-table textArea {
    width: 100%;
}

.taskeditor-groups {
    padding-top: 10px;
}

.taskeditor-groups .tree-icon + label{
    margin: 5px;
    display: inline-block;
    font-weight: bold;
    font-size: 1.17em;
}

.taskeditor-groups .tree-icon {
    width: 11px;
    height: 20px;
    float: left;
    margin-top: 7px;
}

.taskeditor-group .taskeditor-inputs-grid-table {
    margin-left: 18px;
}

.taskeditor-group-expanded {

}

.taskeditor-group-expanded fieldset {
    padding: 5px;
    border: 1px solid #ccc;
    padding-left: 1px;
    display: inline;
    min-width: 505px;
}

.bold-text {
    font-weight: bold;
}

.taskeditor-group-expanded fieldset > legend {
    font-weight: normal;
    color: #6D6D6D;
    padding-bottom: 5px;
    padding-left: 0px;
}

.taskeditor-group-collapsed {
}

.taskeditor-group-collapsed fieldset {
}

.invalid input {
    background-color: #ffc;
}

#task-definition-rename-disabled {
    opacity: 0.5;
}

.taskeditor-group-expanded .tree-icon
{
    background: url('../../_content/tfs-icons.png') no-repeat -7728px 50% !important;
}

.taskeditor-group-collapsed .tree-icon
{
    background: url('../../_content/tfs-icons.png') no-repeat -7600px 50% !important;
}



/***** End Admin Area******/


/****** Begin Requirements Area*****/

.feedback-request-dialog .feedback-form-control-container
{
    margin-top: 5px;
    margin-bottom: 5px;
}

.feedback-request-dialog .status-indicator.center
{
    height: 1%;
}

.feedback-request-dialog .iframe-control iframe {
    height: 85%;
    width: 98%;
}

.feedback-request-view input[type="radio"]
{
    margin-top: 6px;
    margin-left: 0;
    background: inherit;
}

.feedback-request-view .radio-button-label
{
    margin-top: 0;
    margin-bottom: 2px;
}

.feedback-request-view .identity-input.invalid
{
    background-color: #ffffcc;
    border-color: #cccccc;
}

.feedback-request-view .add-request-item-link
{
    cursor: pointer;
    line-height: 22px;
    display: inline-block;
}

.feedback-request-view .icon-add
{
    margin: 0 4px 0 4px;
    vertical-align: middle;
}

.feedback-request-view .align-with-label
{
    margin-top: 6px;
}

.feedback-request-view .request-item-summary-text
{
    margin-top: 6px;
}

.request-item-summary-text.invalid
{
    color: #C00000;
}

.feedback-request-view .rich-editor-label
{
    margin-top: 14px;
}



.feedback-request-view .section
{
    display: inline-block;
    list-style-type: none;
    padding: 0px;
    -webkit-padding-start: 0px;
}

.feedback-request-view .section-item
{
    margin-top: 20px;
}

.feedback-request-view .section-item-tag
{
    display: inline-block;
    max-width: 48px;
    max-height: 48px;
    background: #7F7F7F;
    vertical-align: top;
    margin-right: 12px;
    padding-left: 17px;
    padding-right: 17px;
    padding-top: 13px;
    padding-bottom: 13px;
    font-size: 16pt;
    font-family: sans-serif;
    font-weight: bold;
    color: #ffffff;
}

.feedback-request-view .section-item-header
{
    font-weight: bold;
}

.feedback-preview-view .email-note-class textarea {
    width: 100%;
    height: 200px;
}

.feedback-preview-view .email-characters-count {
    float: right;
}

.feedback-preview-view .email-count-error {
    color: #C00000;
}

.feedback-preview-view .email-new-note-label {
    display: inline-block;
}

.feedback-preview-view .email-note-class textarea {
    resize: none;
    overflow-y: auto;
    border: 1px solid #cccccc;
}

.feedback-request-view .section-item-info
{
    width: 700px;
    max-width: 700px;
    display: inline-block;
}

.feedback-request-view .section-item-instructional-text
{
    margin-bottom: 12px;
}

.feedback-request-view .section-item-swimlane
{
    display: inline-block;
    width: 48px;
    max-width: 48px;
    max-height: 48px;
    vertical-align: top;
    text-align: right;
    margin-right: 12px;
    margin-top: 8px;
}

.feedback-request-view .select-tester-identity-picker
{
    border: 1px solid #e6e6e6;
    overflow-y: auto;
    width: 698px;
}

.feedback-request-view .select-tester-identity-picker .identity-picker-search-box {
    width: 694px;
}

.feedback-request-view .select-tester-identity-picker input {
    border: none;
}


/***** End Requirements Area******/



/****** Begin Codes Area*****/

#invitationCodePanels
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.invitation-codes-toolbar
{
    margin-left:  20px;
}

.invitation-codes-grid
{
    padding-top: 20px;
}

.invitation-codes-list
{
    height: 100%;
}

.invitation-code-filter span
{
    font-weight: bold;
}

table.invitation-code-table
{
    width: 100%;
}

table.invitation-code-table td:first-child
{
    width: 60%;
}

table.invitation-code-table input
{
    width: 100%;
}

table.invitation-code-table select
{
    width: 100%;
}

table.invitation-code-error-table
{
    margin-top: 10px;
}

table.invitation-code-error-table td
{
    padding: 5px;
    width: 100%;
    border: 1px solid #cccccc;
}

table.invitation-code-error-table td.code
{
    width: 1%;
}

table.invitation-code-error-table td.code-error
{
    width: 99%;
}

.code-wait-element
{
    background-color: #cccccc;
    opacity: 0.50;
    filter: alpha(opacity=50);
    position: absolute;
    cursor: wait;
    z-index: 1000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.code-progress-element
{
    position: absolute;
    cursor: wait;
    z-index: 1001;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.code-errors
{
    margin-top: 5px;
}

.management-content
{
    margin-left:  20px;
}

.management-content .header
{
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
}

.settings-values
{
    padding-left: 10px;
    width: 75px;
}

.settings-update
{
    width: 100px;
}

.management-content tr
{
    padding: 5px;
}

.management-content td
{
    padding: 5px;
}

#signupVideo
{
    width: 100%;
}

.signup-video-column
{
    width: 650px;
    min-width: 150px;
}

tr.preview-video
{
    text-align: center;
}

.home-signup-video
{
    height: 288px;
    width: 512px;
    overflow: hidden;
}

/***** End Codes Area******/


/****** Begin Diagnostics Area*****/

.trace-grid-container {
    height: 100%;
}

#traceDataCount {
    margin-top: 10px;
    font-weight: bold;
}

body.tracing-body {
    font: 12px Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
}

table.trace-table {
    width: 100%;
}

    table.trace-table input {
        width: 100%;
    }

    table.trace-table select {
        width: 100%;
    }

table.trace-error-table {
    margin-top: 10px;
}

    table.trace-error-table td {
        padding: 5px;
        width: 100%;
        border: 1px solid #cccccc;
    }

        table.trace-error-table td.code {
            width: 1%;
        }

        table.trace-error-table td.code-error {
            width: 99%;
        }

.tracing-grid {
    position: absolute;
    top: 35px;
    bottom: 0;
    left: 0;
    right: 0;
}


.activity-log-filters
{
    white-space: nowrap;
    margin-left: 10px;
}

.activity-log-content
{
    position: absolute;
    top: 3em;
    bottom: 0;
    left: 10px;
    right: 0;
}

.activity-log-view {
    height:  100%;
}

.activity-log-grid {
    height:  100%;
}

.activity-log-filter
{
   display: inline-block;
}

.activity-log-filter.secondary
{
   margin-left: 10px;
}

button.activity-log-button
{
    margin: 0;
    height:24px;
}

button.clear-filter
{
    margin-left:  10px;
}

.activity-log-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden
}

.activity-log-container.activity-error {
    top:  5em;
}

.activity-log-container-error
{
    background-color: #e6b9b9;
    border: 1px solid #C00000;
    color: #C00000;
    padding: 5px 10px 5px 10px;
    margin: 0px 10px 10px 10px;
}

.activity-log-detail div.entry-input > div{
    min-height: 2em;
}

div.activity-log-menu {
    margin-bottom: 5px;
}

input.name-filter {
    width:  250px;
    margin-left: 10px;
    margin-right: 10px;
}

div.hosts-combo {
    display: inline-block;
    width: 250px;
    vertical-align: middle;
    margin-left: 10px;
}

.activity-log-property {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    margin-right: 10px;
}
.database-view-right-pane
{
    padding-left:  10px;
}


.database-info-container .browse-info
{
    margin-bottom: 30px;
}

.manage-database-view .database-info-filters
{
    border-bottom: 1px solid #cccccc;
    padding-bottom: 10px;
}

.manage-database-view .database-search-combo
{
    display: inline-block;
    width: 120px;
    vertical-align: middle;
    margin-left: 10px;
}

.manage-database-view .database-combo
{
    display: inline-block;
    width: 200px;
    vertical-align: middle;
    margin-left: 10px;
}

.manage-database-view .database-info
{
    margin-left: 10px;
}

.manage-database-view .error
{
    background-color: #e6b9b9;
    border: 1px solid #C00000;
    color: #C00000;
    padding: 5px 10px 5px 10px;
    margin: 0px 10px 10px 10px;
}

.manage-database-view .property
{
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
}

.manage-database-view .search-by
{
    vertical-align: middle;
    margin-left: 10px;
    margin-right: 10px;
}

.manage-database-view .database-filter
{
    display: inline-block;
}

.manage-database-view .database-filter input
{
    width: 150px;

    margin-right: 10px;
}

.manage-database-view .database-search
{
    margin-left: 10px;
}

.manage-database-view .secondary
{
   margin-left: 10px;
   display: inline-block;
}

.manage-database-view .database-combo
{
    display: inline-block;
    width: 200px;
    vertical-align: middle;
    margin-left: 10px;
}

.split-analysis-view .analysis-container
{
    margin-left: 10px;
    margin-top: 5px;
    font-size: 14px;
}

.split-analysis-view .database-container
{
     display: inline-block;
     vertical-align: top;
}

.split-analysis-view .database-container.original
{
    margin-right: 20px;
}

.split-analysis-view .database-name
{
    font-weight: bold;
}

.split-analysis-view .database-tenants
{
    display: inline-block;
    margin: 0px 5px 5px 5px;
    vertical-align: top;
}

.split-analysis-view .database-tenant
{
    border: 1px solid #C5D6F1;
    width: 250px;
    padding: 5px;
    margin-bottom: 3px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.split-analysis-view .analysis-database-info
{
    display: inline-block;
    width: 200px;
    background-color: #e6e6e6;
    border: 1px solid #cccccc;
    padding: 3px 3px 15px 5px;
}

.split-analysis-view .analysis-database-info > div
{
    margin-bottom: 3px;
}


/***** End Diagnostics Area******/


/****** Begin OAuth Area*****/

.oauth-prop.required label.oauth-label:after
{
    content:"*";
}

.oauth-app-information
{
    text-align: left;
    width: 100%;
}
.oauth-app-image
{
    border: 1px solid #e6e6e6;
    display: inline-block;
    height: 75px;
    margin-left: 2px;
    margin-right: 10px;
    padding: 1px;
    vertical-align: middle;
    width: 75px;
}

.oauth-app-details
{
    display: inline-block;
    vertical-align: top;
}

.oauth-authorize-header
{
    font-size: 36px;
    font-family: Segoe UI Light, Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
    margin-bottom: 15px;
}

.oauth-authorize-desc
{
    font-size: 12px;
}

.oauth-container-error
{
    background-color: #e6b9b9;
    border: 1px solid #C00000;
    color: #C00000;
    padding: 5px 10px 5px 10px;
    margin-bottom: 10px;
}

.oauth-account
{
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.oauth-input input
{
    padding: 5px 10px 5px 0px;
}
.oauth-input input
{
    width: 95%;
}

.oauth-prop
{
    margin-bottom: 10px;
}

.oauth-label label
{
    color: #6D6D6D;
}

.oauth-header {
    font-size: 24px;
    font-family: Segoe UI Light, Segoe UI, Helvetica Neue, Helvetica, Arial, Verdana;
    margin-bottom: 15px;
}

.oauth-applications-list
{
    margin-top: 10px;
    margin-left: 16px;
}

.oauth-application-header
{
    font-weight: bold;
    margin: 10px 2px 4px 0;
    text-transform: uppercase;
}

.properties-container
{
    padding-top: 10px;
    padding-left: 10px;
}

.properties-container > div
{
    margin-bottom: 20px;
}

.oauth-empty-node .node-content
{
    height: 100%!important;
}

.oauth-empty-node > .node-link
{
    font-style: italic;
    color: #6D6D6D;
    text-decoration: none;
    cursor: default;
}

.no-app-image
{
    background-color: #c5d6f1;
}
.oauth-page
{
    font-size: 120%;
    padding-bottom: 10px;
    padding-left: 16px;
}

.oauth-page h3
{
    text-transform: uppercase;
    font-weight: normal;
    font-size: 18px;
}

.oauth-page .accept-button
{
    border-color: #333333;
    color: #ffffff;
    background-color: #057D02;
    font-weight:bold;
}

    .oauth-page .error-message {
        margin-top:10px;
    }
.manage-token-entries
{
    display: table;
    width: 100%;
}

.manage-token-entries .manage-token-entry
{
    display: table-row;
}

.manage-token-entries .manage-token-entry .image-wrapper,
.manage-token-entries .manage-token-entry .app-title,
.manage-token-entries .manage-token-entry .app-actions
{
    display: table-cell;
    vertical-align: middle;
}

.manage-tokens-view .selected
{
    background-color: #e6e6e6;
}

.manage-tokens-view .image-wrapper
{
    width: 50px;
}

.manage-tokens-view .app-image
{
    height: 40px;
    width: 40px;
    margin: 5px;
    display: inline-block;
    vertical-align: middle;
}

.manage-tokens-view .manage-tokens-description
{
    color: #808080;
    margin: 10px 0;
}

.manage-tokens-view .connected-to
{
    color: #808080;
    margin-right: 10px;
}

.manage-tokens-view .revoke-action
{
    color: transparent;
}

.manage-tokens-view .selected .revoke-action
{
    color: #007acc;
}

.manage-tokens-oauth-disabled-on-account-warning
{
    background-color: #ffffcc;
    border: 1px solid #D56B01;
    padding: 0px 5px 5px 5px;
}

/***** End OAuth Area******/

/****** Begin Monitoring Area*****/

/**************************
    Monitor Controls
***************************/

/*************************
    Monitor View
**************************/
.monitoring-view .jobhistory-grid {
    height: 300px;
}

.jobhistory-grid-container {
    height: fill-available;
}

.jobhistory-detail-class td,
.jobdefinition-detail-class td {
    vertical-align:top;
    padding-left: 5px;
}

.monitoring-view {
    margin-left: 50px;
}
.jobhistory-24HourChart-container {
    margin-left: 50px;
}


/***** End Monitoring Area******/



/***** End Areas******/


